List

Displays a list of items with optional indicators and nested structure support.

Usage

Present a collection of items in a structured vertical layout. It supports both unordered and ordered lists, custom indicators, and nested hierarchies.

import { List } from "@elemnts-ui/react"

export function Demo() {
  return (
    <List.Root>
      <List.Item>Introduction to Elemnts UI</List.Item>
      <List.Item>Installation and Setup</List.Item>
      <List.Item>Component Overview</List.Item>
    </List.Root>
  )
}

Ordered List

Use the as prop to render an ordered list. Apply custom styles to adjust the list numbering as needed.

With Indicators

Use List.Indicator to add icons or other visual markers alongside list items.

Nested Lists

Nest lists to create hierarchical structures such as navigation menus or table of contents.

API Reference

Root

Prop	Type	Default
asChild	`boolean`	`false`