Skip to main content


Widget is an important element of interaction on the User Interface. You can use widgets like Buttons, Text, Icons, Lists, Dropdowns to customize the screen.

The widget either displays the data or carries out the required functionality. You can place widgets on the screen with drag and drop. Hypi Tink supports different kinds of widgets. You can find the exhaustive list here.

1. How to add Widget?

  • Go to Widgets and select the widget that you want to place on the screen. Drag and drop the widget on the screen.
  • You can also search the widgets through the search bar.


2. How to change Widget Size?

  • Widgets are arranged in a hierarchy. So, Screen is a parent of Column, Column is a parent of many other widgets, and so on.

  • The size of the widget depends on the parent widget or on the widget itself. For example, the Container widget or the SizedBox widget directly takes width/height from the user.

  • Some widgets will take up only the space they need and some will try to fill out their parent widgets. Check Layout widgets for the sizing and positioning of the widgets on the screens.

3. How to change Widget Properties?

  • Select the widget and you can find the Widget Properties on the right-hand side Properties panel. Provide appropriate values. You can select the widget directly or through Navigator.

4. How to place Widgets on the screen as per the user interface design?

  • Take a look at different kinds of Layout Widgets. Divide screen elements into different Layouts and place the widgets on those Layouts.