Skip to content

Chip

Chip labels a thing; ChipButton filters by it. Six tones cover status and selection, and the overlay tone is for chips that sit directly on imagery.

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

Playground

Chip.tsx
import { Chip } from '@andrewbehma/glass-ui';
<Chip>In review</Chip>

States

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

  • Neutral
  • Ok
  • Warn
  • Danger
  • Selected
  • Pressable