# Chip

Large chips are used to label an item as part of a larger whole, but can also include an icon that represents an associated action. These labels can be selected list options, or tags.

one two three
<z-chip text="one" title="the first one" />
<z-chip text="two" class="bg-orange" />
<z-chip text="three" class="bg-green" />

# props

  • title: { type: String }. For the title / a11y.
  • text: { type: String }