SelectDisplays a list of options for the user to pick from—triggered by a button.

Import all parts and piece them together.

import { Select } from '@raystack/apsara'

<Select>
  <Select.Trigger className="w-[180px]">
    <Select.Value placeholder="Select a fruit" />
  </Select.Trigger>
  <Select.Content>
    <Select.Group>
      <Select.Item value="apple">Apple</Select.Item>
      <Select.Item value="banana">Banana</Select.Item>
      <Select.Item value="blueberry">Blueberry</Select.Item>
      <Select.Item value="grapes">Grapes</Select.Item>
      <Select.Item value="pineapple">Pineapple</Select.Item>
    </Select.Group>
  </Select.Content>
</Select>