Overview
@unitto/ui パッケージのコンポーネントリファレンス
概要
@unitto/ui は再利用可能な UI コンポーネントを提供するパッケージ。内部で shadcn/ui を利用し、統一されたインターフェースで公開する。
Storybook
各コンポーネントの動作確認は Storybook で行える。
pnpm --filter @unitto/ui storybook
# http://localhost:6006コンポーネント一覧
| コンポーネント | 説明 | Storybook |
|---|---|---|
| Button | ボタン | Components/Button |
| TextField | テキスト入力フィールド | Form/Field/TextField |
| TextareaField | テキストエリアフィールド | Form/Field/TextareaField |
| SelectField | セレクトフィールド | Form/Field/SelectField |
| CheckboxField | チェックボックスフィールド | Form/Field/CheckboxField |
| SwitchField | スイッチフィールド | Form/Field/SwitchField |
| RadioGroupField | ラジオグループフィールド | Form/Field/RadioGroupField |
| SliderField | スライダーフィールド | Form/Field/SliderField |
| ComboboxField | コンボボックスフィールド | Form/Field/ComboboxField |
| SimpleEditorField | リッチテキストエディタフィールド | Form/Field/SimpleEditorField |
インポート
import { Button, TextField, SelectField } from "@unitto/ui";shadcn/ui コンポーネントは
@unitto/ui内部でのみ使用され、直接エクスポートされない。アプリから shadcn を直接使用せず、必ず@unitto/uiのコンポーネント経由で利用すること。