Skip to main content

Badge-Group

๐Ÿ“˜ Developer Guide

With the Badge-Group Brick, you can easily add multiple grouped badges to your Dashboard.


๐Ÿ” Example

Designer

Screenshot from 2025-10-13 12-49-23

Runtime

Screenshot from 2025-10-13 12-49-02


โš™๏ธ Configuration Properties

Key Label Description Default Value
badges The configurations of the badges Accepts Badges as an Array.
Find out more under Badge
FyzSbBadgeConfig[]
-
styles The style of the badge group Accepts CSSStyleDeclaration as Object
Partial<CSSStyleDeclaration>
-
defaultStyles.nowrap Defines if the text of badges is one-liner If set, the labels will not break into new line.
Accepts either true or false
boolean
-

๐Ÿ› ๏ธ Usage

Designer

(Use the built-in configuration inputs in the right side navigation)

Designer configuration

Runtime

(Edit the whole configuration of the Badge-Group to your liking)

Runtime configuration