Select - bit/ui

Docs

Select

A control that allows the user to choose one item from a list

Airplane Mode

Usage

import { Label, Select } from '@bit/ui'

<div className='flex items-center space-x-2'>
  <Label htmlFor='airplane-mode'>Airplane Mode</Label>
  <Select.Root>
    <Select.Trigger className='w-[180px]'>
      <Select.Value placeholder='Theme' />
    </Select.Trigger>
    <Select.Content>
      <Select.Item value='light'>Light</Select.Item>
      <Select.Item value='dark'>Dark</Select.Item>
      <Select.Item value='system'>System</Select.Item>
    </Select.Content>
  </Select.Root>
</div>

Examples

With react-hook-form and zod

Scroll Area Switch