Select

A dropdown for choosing one option from a short list.

Priority

Installation

Copy the command below and run it in your terminal.

bunx @sivir/ui add select

Usage

Import Select and use it in your component:

import * as Select from '$lib/sivir/components/select';

<Select.Root value={role}>
  <Select.Trigger>Designer</Select.Trigger>
  <Select.Content>
    <Select.Item value="designer">Designer</Select.Item>
  </Select.Content>
</Select.Root>

Examples

Select in common configurations.

Basic

Priority