1. Primitives
  2. Badge

<Badge />

Badges are used to tag resources.
<Card padding={4} style={{lineHeight: 0, textAlign: 'center'}}>
<Stack space={3}>
<Inline space={2}>
<Badge>Label</Badge>
<Badge tone="primary">Label</Badge>
<Badge tone="positive">Label</Badge>
<Badge tone="caution">Label</Badge>
<Badge tone="critical">Label</Badge>
</Inline>
</Stack>
</Card>

Properties  

as?: React.ElementType | keyof JSX.IntrinsicElements
fontSize?: number | number[]
padding?: number | number[]
paddingX?: number | number[]
paddingY?: number | number[]
paddingTop?: number | number[]
paddingRight?: number | number[]
paddingBottom?: number | number[]
paddingLeft?: number | number[]
radius?: number | number[]
tone?: 'default' | 'primary' | 'positive' | 'caution' | 'critical'
Made withby folks at