Common use case

Display text

Program text to change after certain events

Padding / spacing between elements

Pro-tip: Labels and HTML formatting

Labels are the only interface component so far that supports HTML formatting, which can be helpful if you want to add a line break or bold only a few words.

Example:

<br>Example: Hello World<br><b>How are you?<b/>

Appearance

Property

Description

Height

Height in pixels, percent, 'Automatic' or 'Fill'

Width

Width in pixels, percent, 'Automatic' or 'Fill'

Background Color

Default (Gray). You can choose any color on the Designer palette or customize the color to any RGB value in the Blocks editor

Text

Optional text that will display on the button

Text Color

Default (Black). You can choose any color on the Designer palette or customize the color to any RGB value in the Blocks editor

Text Alignment

Left, center (recommended) or right

Font Bold

If checked, button text is displayed in bold

Font Italic

If checked, button text is displayed in italic

Font Size

Point size for button text

Font Typeface

Default (Roboto), Roboto Regular, Roboto Thin, Sans Serif, Serif, and Monospace. You can upload your own custom font (.ttf)

HTML Format

If checked, enables label to read html formatting. Not all HTML format is supported

Has Margins

If checked, adds a consistent margin around the label

Visible

If checked, the button will be visible on the screen