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