Badge

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

Read more Read less

Usage

<.badge>8</.badge>
8
<.badge>
  8
</.badge>
+1000
<.badge>
  +1000
</.badge>
8 8 8 8
<.badge size="small">
  8
</.badge>
<.badge size="normal">
  8
</.badge>
<.badge size="medium">
  8
</.badge>
<.badge size="large">
  8
</.badge>
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>