A
Auralix UI

Select

A dropdown select component for choosing from options.

Preview

Installation

bash
npx auralix-ui add select

Usage

Default Select

tsx
import { Select } from "@/components/ui/Select";

<Select
  placeholder="Choose an option"
  options={[
    { value: "1", label: "Option 1" },
    { value: "2", label: "Option 2" },
    { value: "3", label: "Option 3" },
  ]}
/>

Select Sizes

tsx
<Select selectSize="sm" options={options} />
<Select selectSize="md" options={options} />
<Select selectSize="lg" options={options} />

Props

NameTypeDefaultDescription
optionsSelectOption[][]Array of options { value, label, disabled? }.
selectSize"sm" | "md" | "lg""md"The size of the select.
placeholderstring-Placeholder text when no option is selected.
errorbooleanfalseWhether the select has an error state.
disabledbooleanfalseWhether the select is disabled.

Variants

Standard
Minimal
Combobox
TextareaCard