Chip

Mode

Skin

Theme

Overview & Philosophy

Chips are passive inline labels used for status indicators, categorization tags, and active filter displays. Distinct from interactive form pills (pill), chips present concise metadata with optional removal controls and accessible focus states.

Plain Chips

  • Draft
  • In Review
  • Approved
  • Obsolete

Tone Variants

  • Neutral
  • Approved
  • Pending review
  • Rejected
  • In progress

Chips with Close Button

  • Quality Manual
  • ISO 9001
  • In progress

Active Filter Tags Context

Active filters:

  • Status: Draft
  • Standard: ISO 9001
  • Type: Procedure