SelectField

概要

ドロップダウン選択フィールド。内部で shadcn の Select を使用。

Props

Prop	型	必須	説明
`label`	`string`	Yes	フィールドラベル
`options`	`{ label: string; value: string }[]`	Yes	選択肢
`placeholder`	`string`	—	プレースホルダー
`description`	`string`	—	ヘルパーテキスト
`error`	`string`	—	エラーメッセージ
`value`	`string`	—	制御値
`defaultValue`	`string`	—	初期値
`onValueChange`	`(value: string) => void`	—	変更コールバック
`disabled`	`boolean`	—	無効化

使用例

import { SelectField } from "@unitto/ui";

<SelectField
  label="カテゴリ"
  placeholder="選択してください"
  options={[
    { label: "技術", value: "tech" },
    { label: "デザイン", value: "design" },
    { label: "ビジネス", value: "business" },
  ]}
  onValueChange={(value) => console.log(value)}
/>

SelectField

概要

Props

使用例

On this page