List - Dreamy UI

List

List can be used to create a list of data.

#

Installation

npx dreamy add list

pnpm dlx dreamy add list

yarn dlx dreamy add list

bunx dreamy add list

#

Usage

List displays a collection of items in an organized format. Use it to present related content in an ordered or unordered structure.

<List.Root>
	<List.Item>i5-10400f</List.Item>
	<List.Item>RTX 4060ti</List.Item>
	<List.Item>32GB RAM</List.Item>
</List.Root>

#

Ordered List

Simply pass the ordered prop to the List component to create an ordered list. It will render ol tag, instead of ul.

<List.Root ordered>
	<List.Item>i5-10400f</List.Item>
	<List.Item>RTX 4060ti</List.Item>
	<List.Item>32GB RAM</List.Item>
</List.Root>

Link