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 }