Tutorials

/

Label Element: How Do You Use It?

The label element is a basic UI element used to display static or dynamic text and information to the user in a readable format.

The Label element is one of the fundamental and most commonly used UI elements for displaying text, descriptions, or information in a user interface. Static or dynamic information that needs to be shown to the user in an application is conveyed through the Label.

First, define your action on your page. Drag and drop a “Vertical Stack” onto your page and arrange it. Place a “Horizontal Stack” inside it. Place your “Label” element inside that. Make your adjustments. Then, place another Label element next to it. Set the “Max Lines” option to ensure that the content is displayed within a specific number of lines, regardless of the text length. Use “Duplicate” to create another instance of the same structure. Make your changes and configure the appropriate settings for your second “Label” element in the “Value” field. Use “Formatter” to set the text formatting.

When the application is tested, the “Label” element displays the static or dynamic information that needs to be shown to the user.