Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 134 - 2629_Devagiri_C-5
P. 134

    USER INTERFACE COMPONENTS

                      User interface (UI) components are the visual parts of your app. You can combine,
                      style and customise these to make your app look unique and match your ideas.

                      Properties Panel

                      When you add a button,
                      label  or image  to  your

                      app,  a  Properties  Panel
                      will appear  on  the  right.
                      You can use this panel to

                      change  its  appearance,
                      such as the text,  size  or

                      color. Each  item  has its
                      own settings, which allow
                      you to make your app fun and colourful!

                      Component Tree

                      The  component tree is in the top-left  corner  of
                      your project’s  design  area. It shows the list of UI

                      components in your app. You can use the arrows to
                      hide or show nested components.

                      Designing using Thunkable

                      Thunkable  lets  you  create  apps  without  coding,

                      using simple drag-and-drop features. Let’s design a simple Greeting App:

                           1   Add a Text Input, Button
                            and Label from the design
                                                screen.

                      132     Premium Edition-V

| 129 130 131 132 133 134 135 136 137 138 |