Badge

Usage

Badge Design System Props

Props	Type	Type
variant?	Variant	Design system variant
mode?	Mode	button mode
startIcon?	JSX.Element	Icon at start position
endIcon?	JSX.Element	Icon at the end position

Variant

Default: brand

import { Badge, FlexRow } from "@ronin-nexus/atomic";
 
<Badge>Badge brand</Badge>
<Badge variant="gray">Badge Gray</Badge>
<Badge variant="danger">Badge Danger</Badge>
<Badge variant="warn">Badge Warn</Badge>
<Badge variant="success">Badge Success</Badge>
<Badge variant="info">Badge info</Badge>

Badge brand Badge Gray Badge Danger Badge Warn Badge Success Badge info

Mode

Type: solid | light

Default: solid

BadgeBadgeBadgeBadgeBadgeBadge

Badge

Icons

Awesome