Skip to content

Badge

Counts render tabular and cap at 99+; a dot says "something changed" without a number. Pair it with an icon button or a navigation item.

import { Badge } from '@andrewbehma/glass-ui';

Playground

Badge.tsx
import { Badge } from '@andrewbehma/glass-ui';
<Badge tone="danger" count={7} />

States

Each tile is the live component. Open one in the playground to keep tweaking it.

  • Danger
  • Ink
  • Ok
  • Overflow
  • Dot