Chips
v1.0.0
Chips are compact elements that represent an input, attribute, or action.
Contained
some chip
some chip
some chip
some chip
some chip
some chip
some chip
<div class="chip chip-primary">
<span class="chip-label">some chip</span>
</div>Outlined
some chip
some chip
some chip
some chip
some chip
some chip
some chip
<div class="chip chip-primary-outline">
<span class="chip-label">some chip</span>
</div>Deletable
some chip
<div class="chip chip-primary">
<span class="chip-label">some chip</span>
<Icon size="md">
<CircleXmarkSolidIcon />
</Icon>
</div>Disabled
some chip
<div class="chip chip-primary disabled">
<span class="chip-label">some chip</span>
</div>Previous: Components
← CalendarNext: Components
Expansion-Panel →