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

Ol

An ordered list of items.

Features

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

Parts and their API

Ol

An ordered list of items.

Usage

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

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

• Milk
• Cheese
  1. Blue cheese
  2. Feta

Source

Styling

/* ### Typography ### */
@layer components {
	/* Ol */
	.ol {
		@apply ml-space-10 list-decimal;
	}
}