Doggo Storybook 0.9.0

Badge

Generates a badge component, typically used for drawing attention to elements like notification counts.

Read more Read less

Usage

<.badge>8</.badge>
Default Open in playground
8 
<.badge>
  8
</.badge>
Large count Open in playground
+1000 
<.badge>
  +1000
</.badge>
Size Open in playground
8 8 8 8 
<.badge size="small">
  8
</.badge>
<.badge size="normal">
  8
</.badge>
<.badge size="medium">
  8
</.badge>
<.badge size="large">
  8
</.badge>
Variant Open in playground
8 8 8 8 8 8 8 
<.badge variant={nil}>
  8
</.badge>
<.badge variant="primary">
  8
</.badge>
<.badge variant="secondary">
  8
</.badge>
<.badge variant="info">
  8
</.badge>
<.badge variant="success">
  8
</.badge>
<.badge variant="warning">
  8
</.badge>
<.badge variant="danger">
  8
</.badge>