You construct user interfaces in GWT applications using widgets that are contained within panels. Widgets allow you to interact with the user. Panels control the placement of user interface elements on the page. Widgets and panels work the same way on all browsers; by using them, you eliminate the need to write specialized code for each browser.
Widgets define your applications input and output with the user. Examples of widgets include the following:
For the complete list of GWT UI elements, see Widget Gallery.
You are not limited to the set of widgets provided by GWT. There are a number of ways to create custom widgets:
You can also use one or more of the many third party widget libraries written for GWT.
Visual styles are applied to widgets using Cascading Style Sheets (CSS). Besides the default browser supplied definitions, each GWT widget and panel has pre-defined style sheet class definitions documented in the class reference documentation.