# Listbox

A list of options with single or multiple selection.

Group: Forms

## Import

```tsx
import { Listbox } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
const frameworks = ["React", "Solid", "Vue", "Angular", "Svelte", "Next.js"].map((label) => ({ label, value: label.toLowerCase() }))


const listFrameworks = createListCollection({ items: frameworks })


function ListboxDemo() {
  return (
    <Listbox.Root collection={listFrameworks} selectionMode="multiple" width="320px">
      <Listbox.Label>Pilih framework</Listbox.Label>
      <Listbox.Content>
        {listFrameworks.items.map((item) => (
          <Listbox.Item item={item} key={item.value}>
            <Listbox.ItemText>{item.label}</Listbox.ItemText>
            <Listbox.ItemIndicator />
          </Listbox.Item>
        ))}
      </Listbox.Content>
    </Listbox.Root>
  )
}
```