1. Home
2. Components
3. Typography
4. Ul

Ul

An unordered list of items.

Features

• Drop-in replacement for the native <ul> element.

Parts and their API

Ul

An unordered list of items.

Usage

<Ul>
	<li>Milk</li>
	<li>
		Cheese
		<Ul>
			<li>Blue cheese</li>
			<li>Feta</li>
		</Ul>
	</li>
</Ul>

Here's the <Ul /> component in action.

• Milk
• Cheese
  • Blue cheese
  • Feta

Source

Styling

/* ### Typography ### */
@layer components {
	/* Ul */
	.ul {
		@apply ml-space-10 list-disc;
	}
}