5.0.0 • Published 6 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
6 months ago
5.0.0-rc.24
6 months ago
5.0.0-rc.25
6 months ago
5.0.0-rc.26
6 months ago
5.0.0-rc.27
6 months ago
5.0.0-rc.28
6 months ago
5.0.0-rc.29
6 months ago
1.0.0-rc.20
7 months ago
1.0.0-rc.21
7 months ago
1.0.0-rc.9
8 months ago
1.0.0-rc.7
8 months ago
1.0.0-rc.8
8 months ago
1.0.0-rc.5
8 months ago
5.0.0-rc.31
6 months ago
1.0.0-rc.6
8 months ago
1.0.0-rc.13
8 months ago
1.0.0-rc.12
8 months ago
1.0.0-rc.11
8 months ago
1.0.0-rc.10
8 months ago
1.0.0-rc.17
8 months ago
1.0.0-rc.3
8 months ago
1.0.0-rc.16
8 months ago
1.0.0-rc.4
8 months ago
1.0.0-rc.15
8 months ago
1.0.0-rc.1
8 months ago
1.0.0-rc.14
8 months ago
1.0.0-rc.2
8 months ago
1.0.0-rc.0
8 months ago
1.0.0-rc.19
8 months ago
1.0.0-rc.18
8 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