5.0.0 • Published 5 months ago

@spark-web/badge v5.0.0

Weekly downloads
-
License
-
Repository
github
Last release
5 months ago

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.4

3 years ago

0.0.1

3 years ago