1. Docs
  2. Components
  3. List Box

List Box

A list of options and allows a user to select one or more of them.

Installation

npx shadcn@latest add @kanpeki/list-box

Anatomy

import { ListBox } from "~/components/ui/list-box";

<ListBox.Root>
  {(item) => <ListBox.Item id={item.id}>{item.name}</ListBox.Item>}
</ListBox.Root>

Examples

Multiple

Component list-box-multiple not found in registry.

Details

Component list-box-details not found in registry.

Section

Component list-box-section not found in registry.