DISPLAY

Chip

Chips present compact labels for filters, states, categories, and removable selections.

VARIANTS

Four levels of emphasis

SolidSoftOutlinedGhost
dowe
Chip variant:"soft" scheme:"success" size:"md"
  "Active"

SCHEMES

Semantic color families

PrimarySecondaryTertiaryMutedSuccessInfoWarningDanger

SIZES

Five compact densities

Extra smallSmallMediumLargeExtra large

ICON REGIONS

Portable SVG at either edge

start and end each accept one Svg, keeping the same authored geometry across targets.

InformationVerified
dowe
Chip variant:"soft" scheme:"info"
  start
    Svg viewBox:"0 0 24 24" w:4 h:4
      Path d:"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z" fill:"currentColor"
  "Information"

REMOVABLE SELECTIONS

Close through a declared action

When onClose is present, Dowe generates the target-native close control and invokes the named view action.

dowe
Chip onClose:removeFilter variant:"soft" scheme:"primary"
  "Design systems"

API

Props and regions

Chip also accepts applicable common spacing, sizing, visibility, grid placement, and style props.

Prop
Type
Default

No data

There are no records to display