How can you create a custom GWT Widget?

GWT provides three ways to create custom user interface elements. There are three general strategies to follow :

Create a widget by extending Composite Class : This is the most common and easiest way to create custom widgets. Here you can use existing widgets to create composite view with custom properties.

Create a widget using GWT DOM API in JAVA : GWT basic widgets are created in this way. Still its a very complicated way to create custom widget and should be used cautiously.

Use JavaScript and wrap it in a widget using JSNI : This should generally only be done as a last resort. Considering the cross-browser implications of the native methods, it becomes very complicated and also becomes more difficult to debug.