@inta/ui

クリック可能なボタン。6種類のバリアントと複数サイズに対応。

import { ... } from "@inta/ui/button"

テキスト入力フィールド。

import { ... } from "@inta/ui/input"

複数行テキスト入力。

import { ... } from "@inta/ui/textarea"

フォームフィールドのラベル。

import { ... } from "@inta/ui/label"

ドロップダウン選択。Radix UI ベース。

import { ... } from "@inta/ui/select"

チェックボックス。中間状態（indeterminate）対応。

import { ... } from "@inta/ui/checkbox"

ラジオボタングループ。排他選択。

import { ... } from "@inta/ui/radio-group"

トグルスイッチ。ON/OFF の切り替え。

import { ... } from "@inta/ui/switch"

範囲スライダー。数値の範囲選択。

import { ... } from "@inta/ui/slider"

トグルボタン。押下状態を切り替え。

import { ... } from "@inta/ui/toggle"

コンテンツをグループ化するカード。Header / Content / Footer の構造。

import { ... } from "@inta/ui/card"

水平または垂直の区切り線。

import { ... } from "@inta/ui/separator"

タブ切り替え。コンテンツの表示を切り替え。

import { ... } from "@inta/ui/tabs"

アコーディオン。折りたたみ式のコンテンツ表示。

import { ... } from "@inta/ui/accordion"

カスタムスクロールバー付きスクロール領域。

import { ... } from "@inta/ui/scroll-area"

サイドから表示されるパネル。モバイルメニューなどに。

import { ... } from "@inta/ui/sheet"

モーダルダイアログ。確認やフォーム入力に。

import { ... } from "@inta/ui/dialog"

ステータスやカテゴリを示す小さなラベル。

import { ... } from "@inta/ui/badge"

ユーザーアバター。画像またはフォールバックイニシャル。

import { ... } from "@inta/ui/avatar"

データテーブル。Header / Body / Row / Cell の構造。

import { ... } from "@inta/ui/table"

キーボードキーの表示。

import { ... } from "@inta/ui/kbd"

データが空の状態を表示するコンポーネント。

import { ... } from "@inta/ui/empty"

ドロップダウンメニュー。アクションの一覧表示。

import { ... } from "@inta/ui/dropdown-menu"

ポップオーバー。要素の近くにフローティングコンテンツを表示。

import { ... } from "@inta/ui/popover"

ツールチップ。ホバー時に補足情報を表示。

import { ... } from "@inta/ui/tooltip"

パンくずリスト。現在位置の階層表示。

import { ... } from "@inta/ui/breadcrumb"

アラート。情報やエラーの通知表示。

import { ... } from "@inta/ui/alert"

プログレスバー。進捗状況の表示。

import { ... } from "@inta/ui/progress"

スケルトン。読み込み中のプレースホルダー。

import { ... } from "@inta/ui/skeleton"

スピナー。処理中のインジケーター。

import { ... } from "@inta/ui/spinner"

cn() — Tailwind クラスのマージユーティリティ（clsx + tailwind-merge）。

import { ... } from "@inta/ui/utils"