List

Ordered or unordered list container. Variant attributes (data-type, data-striped, data-divider, data-size) are used as CSS hooks.

Preview

Open Sandbox

Usage


import { List } from '@wire-ui/react'
 
// Unordered with variants
<List data-type="disc" data-striped data-divider data-size="medium">
  <li>Item one</li>
  <li>Item two</li>
</List>
 
// Ordered
<List isOrdered>
  <li>First</li>
  <li>Second</li>
</List>

Props

Prop	Type	Default	Description
`isOrdered`	`boolean`	`false`	Renders as `<ol>` instead of `<ul>`
`...rest`	`HTMLAttributes<HTMLUListElement \| HTMLOListElement>`	—	All list HTML attributes

Pass data-type, data-striped, data-divider, data-size directly as HTML attributes and target them in CSS.