Badge text
A short label with an optional star or dot icon. The label can sit on a coloured pill.
Where it is used
This is a standalone block. No section or template in the package places it.
Settings
View the block guide .
| Setting | Options | Description |
|---|---|---|
| Highlight text | The words shown in the badge. If this is empty and Badge icon is None, the badge is hidden. | |
| Badge text size | • 2X-Small | Sets the size of the badge text, from 2X-Small to Large. |
| Badge icon | • None | Adds a star or a small dot before the badge text. None shows the text only. |
| Background color | Fill color of the rounded badge. Leave it transparent to show the text without a colored shape. | |
| Text color | Color of the badge text. | |
| Uppercase text | Shows the badge text in capital letters. |
Spacing
| Setting | Options | Description |
|---|---|---|
| Top padding | Space above the badge, in pixels. | |
| Bottom padding | Space below the badge, in pixels. |
The pill appears only when Background color has a colour value. Leave Background color empty or set it to transparent to show the text without a pill. The block does not render when Badge icon is None and Highlight text is empty.
No comments yet