Dowe Views Documentation

DISPLAY

Chip

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

VARIANTS

Four levels of emphasis

SolidSoftOutlinedGhost

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

SCHEMES

Semantic color families

PrimarySecondaryTertiaryMutedSuccessInfoWarningDanger

SIZES

Five compact densities

Extra smallSmallMediumLargeExtra large

ICON PROPS AND REGIONS

Solar icons or custom SVG

Use startIcon or endIcon for a shared Solar icon. The icon scales with the Chip size and keeps the same order on web, Android, and iOS. Use the start and end regions when custom SVG geometry is required.

SettingsSearchInformationVerified

Chip variant:"soft" scheme:"info" startIcon:"settings"
  "Settings"
Chip variant:"outlined" scheme:"success" endIcon:"magnifier"
  "Search"

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.

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

No data