Skip to main content

Sticker

Sticker Component

BRICKS TOOLS avatar
Written by BRICKS TOOLS
Updated over 2 weeks ago
  • Introduction

The Sticker component is used to place icons on display devices. It can serve as a functional button, an identification marker, or an item symbol.

Stickers can include additional circular borders, text, and color combinations.

  • Frame Block

The Frame attributes of the Sticker component are the same as those of the Rect component. For details, refer to the Rect component’s Frame section.


  • Properties Block

The Properties of the Sticker component inherit the basic properties of the Rect component. For details, refer to the Rect component’s Properties section.

Additional Properties

Property Name

Property Type

Description

Text

One Of:

  • String

  • Number

  • Datetime


One Of (String / Number / Datetime)

The text that is displayed underneath the sticker.


Set the text displayed underneath the sticker.

Icon Name

String


String

The icon name of the sticker. It is used for retrieving and loading the sticker from Font Awesome.


Set the icon name using Font Awesome’s icon service for retrieving and loading the sticker.

Main Color

String


String

The background color of the sticker.


Set the background color of the sticker.

Color

String


String

The color of the sticker and the text.


Set the color of the sticker and its text.

Show Border

Boolean


Boolean

To set whether to add circle border around the sticker.


Set whether the sticker is displayed with a circular inner border.


  • Properties – Border Block

The border attributes are the same as those of the Rect component. For details, see the Rect component’s Border section.


  • Animations Block

The animation event attributes are the same as those of the Rect component. For details, see the Rect component’s Animation section.


  • Events Block

The event attributes are the same as those of the Rect component. For details, see the Rect component’s Event section.

Did this answer your question?