Select

드롭다운 선택 컴포넌트입니다. Radix UI Select 기반.

Installation

bash

npx axis-cli add select

Usage

tsx

import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from '@ax/ui'

export function Example() {
  return (
    <Select>
      <SelectTrigger className="w-[180px]">
        <SelectValue placeholder="Theme" />
      </SelectTrigger>
      <SelectContent>
        <SelectItem value="light">Light</SelectItem>
        <SelectItem value="dark">Dark</SelectItem>
        <SelectItem value="system">System</SelectItem>
      </SelectContent>
    </Select>
  )
}

Components

Select

셀렉트 루트 컨테이너

SelectTrigger

셀렉트를 여는 트리거 버튼

SelectValue

선택된 값 표시

SelectContent

드롭다운 콘텐츠 영역

SelectItem

선택 가능한 아이템

Props

Prop	Type	Default	Description
`value`	`string`	-	선택된 값 (controlled)
`onValueChange`	`(value: string) => void`	-	값 변경 콜백
`defaultValue`	`string`	-	기본 선택값
`disabled`	`boolean`	false	비활성화 상태