Projection UI
Components

Badge

Projection UI 0.2.0 Alpha

Read this page as Markdown

These contracts describe the evolving 0.2.0 Alpha edition. Read Installation to select the matching alpha package or the stable documentation.

Component contract

Required propsOptions and defaults
childrendot=true, filled=false, dotColor, className, style

Shared application peers: react >=19.0.0, react-dom >=19.0.0. Your application supplies React 19 and React DOM 19.

Read the full component reference for supported values and interaction behavior.

Examples

Badge: Default

Loading example…
Open Badge: Default in the component explorer

Badge: No Dot

Loading example…
Open Badge: No Dot in the component explorer

Badge: Filled

Loading example…
Open Badge: Filled in the component explorer

Badge: Custom Dot

Loading example…
Open Badge: Custom Dot in the component explorer

Badge: Tags

Loading example…
Open Badge: Tags in the component explorer

Font licenses

On this page