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.pngScreenshot from 2025-10-13 12-49-23

Runtime

Screenshot From 2025-10-13 12-49-02.pngScreenshot from 2025-10-13 12-49-02


⚙️ Configuration Properties

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


🛠️ Usage

Designer

(Use the build built-in configuration Inputsinputs in the right Side-Nav)side navigation)

image.pngDesigner configuration

Runtime

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

Screenshot From 2025-10-13 12-49-35.pngRuntime configuration