Badge
A small label used to highlight things
| Prop | Type | Description |
|---|---|---|
| children | React.Node | Accpets children to render |
| mini? | boolean | Mini badge variation |
| outline? | boolean | Outline badge variation |
| accent? | boolean | Accent color badge variation |
| secondary? | boolean | Secondary badge variation |
| className? | string | Sets class attribute |
| style? | CSSProperties | Sets CSS styles |
import { Badge } from "@brick-uikit/display";Usage badge
Default
Accent
Secondary
Outline
example.tsx
<Row>
<Badge>Default</Badge>
<Badge accent mini>Accent</Badge>
<Badge secondary>Secondary</Badge>
<Badge outline>Outline</Badge>
</Row>