# Select

Pick one value from a list of options.

Group: Forms

## Import

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

## Examples

### Basic usage

```tsx
<Select.Root collection={frameworks} width="64">
  <Select.Control>
    <Select.Trigger>
      <Select.ValueText placeholder="Pilih framework" />
    </Select.Trigger>
    <Select.IndicatorGroup>
      <Select.Indicator />
    </Select.IndicatorGroup>
  </Select.Control>
  <Portal>
    <Select.Positioner>
      <Select.Content>
        {frameworks.items.map((item) => (
          <Select.Item key={item.value} item={item}>
            <Select.ItemText>{item.label}</Select.ItemText>
            <Select.ItemIndicator />
          </Select.Item>
        ))}
      </Select.Content>
    </Select.Positioner>
  </Portal>
</Select.Root>
```