Chip

Default
<.dm_chip id="chip-single-default">
  Default
</.dm_chip>
Primary Secondary Tertiary Success Warning Error Info
<.dm_chip id="chip-colors-primary" color="primary">
  Primary
</.dm_chip>
<.dm_chip id="chip-colors-secondary" color="secondary">
  Secondary
</.dm_chip>
<.dm_chip id="chip-colors-tertiary" color="tertiary">
  Tertiary
</.dm_chip>
<.dm_chip id="chip-colors-success" color="success">
  Success
</.dm_chip>
<.dm_chip id="chip-colors-warning" color="warning">
  Warning
</.dm_chip>
<.dm_chip id="chip-colors-error" color="error">
  Error
</.dm_chip>
<.dm_chip id="chip-colors-info" color="info">
  Info
</.dm_chip>
Outlined Soft
<.dm_chip id="chip-variants-outlined" color="primary" variant="outlined">
  Outlined
</.dm_chip>
<.dm_chip id="chip-variants-soft" color="secondary" variant="soft">
  Soft
</.dm_chip>
Small Medium Large
<.dm_chip id="chip-sizes-small" size="sm" color="primary">
  Small
</.dm_chip>
<.dm_chip id="chip-sizes-medium" size="md" color="primary">
  Medium
</.dm_chip>
<.dm_chip id="chip-sizes-large" size="lg" color="primary">
  Large
</.dm_chip>
Remove me Active Disabled
<.dm_chip
  id="chip-states-deletable"
  color="error"
  deletable
  delete_label="Remove category"
>
  Remove me
</.dm_chip>
<.dm_chip id="chip-states-selected" selected color="success" selectable>
  Active
</.dm_chip>
<.dm_chip disabled id="chip-states-disabled" color="info">
  Disabled
</.dm_chip>