Chips

Default

Default chip

<span class="chip">Default chip</span>

Solid

<span class="chip chip-primary chip-solid">
	<span class="chip-label">Primary</span>
</span>

Outline

<span class="chip chip-primary chip-outline">
	<span class="chip-label">Primary outline</span>
</span>

Text

Primary text

<span class="chip chip-primary chip-text">
	<span class="chip-label">Primary text</span>
</span>

Deletable

<span class="chip chip-primary chip-solid">
	<span class="chip-label">some chip</span>
	<Icon size="md">
		<CircleXmarkSolidIcon />
	</Icon>
</span>

Disabled

<div class="chip chip-primary chip-solid disabled">
	<span class="chip-label">some chip</span>
</div>