5.0.0 • Published 7 months ago
@spark-web/badge v5.0.0
title: Badge
isExperimentalPackage: true
A badge is a decorative indicator used to either call attention to an item or for communicating non-actionable, supplemental information.
Example
<Badge tone="info">Label</Badge>
Tones
const tones = ['accent', 'caution', 'critical', 'info', 'neutral'];
return (
<Inline gap="small">
{tones.map(tone => (
<Badge key={tone} tone={tone}>
{tone}
</Badge>
))}
</Inline>
);
Props
Badge
IndicatorDot
5.0.0
7 months ago
5.0.0-rc.24
8 months ago
5.0.0-rc.25
7 months ago
5.0.0-rc.26
7 months ago
5.0.0-rc.27
7 months ago
5.0.0-rc.28
7 months ago
5.0.0-rc.29
7 months ago
1.0.0-rc.20
8 months ago
1.0.0-rc.21
8 months ago
1.0.0-rc.9
9 months ago
1.0.0-rc.7
9 months ago
1.0.0-rc.8
9 months ago
1.0.0-rc.5
9 months ago
5.0.0-rc.31
7 months ago
1.0.0-rc.6
9 months ago
1.0.0-rc.13
9 months ago
1.0.0-rc.12
9 months ago
1.0.0-rc.11
9 months ago
1.0.0-rc.10
9 months ago
1.0.0-rc.17
9 months ago
1.0.0-rc.3
9 months ago
1.0.0-rc.16
9 months ago
1.0.0-rc.4
9 months ago
1.0.0-rc.15
9 months ago
1.0.0-rc.1
9 months ago
1.0.0-rc.14
9 months ago
1.0.0-rc.2
9 months ago
1.0.0-rc.0
9 months ago
1.0.0-rc.19
9 months ago
1.0.0-rc.18
9 months ago
0.1.0
2 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.0-snapshot-release-20220907020533
3 years ago
0.0.4
3 years ago
0.0.1
3 years ago