Badge

Badges are typically used to display counts (e.g. unread messages or total items) to a user.

Props

className

String

Examples

345

1,234

<div className="docs-inline-group">
  <Badge>1</Badge>
  <Badge>23</Badge>
  <Badge>345</Badge>
  <Badge>1,234</Badge>
</div><div className="docs-inline-group">
  <Badge>1</Badge>
  <Badge>23</Badge>
  <Badge>345</Badge>
  <Badge>1,234</Badge>
</div>

Badge

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Props

Examples

Props