Skip to main contentSkip to navigation

List

PreviousNext

List component for Hanzo UI

  • First item in the list
  • Second item in the list
  • Third item in the list
  • Fourth item in the list

Installation

Run the following command:

npx @hanzo/ui@latest add list

Usage

import { List } from "@/registry/default/ui/list"

export default function Example() {
  return <List />
}

Examples

Default

  • First item in the list
  • Second item in the list
  • Third item in the list
  • Fourth item in the list

API

Documentation coming soon.

Features

  • Built with Radix UI and Tailwind CSS
  • Fully accessible and keyboard navigable
  • Customizable styling with CSS variables
  • TypeScript support

Notes

For more examples and advanced usage, see the examples.