UI要素

Dialogコンポーネントを拡張し、メイン画面を補完するコンテンツを表示します。

重要なコンテンツでユーザーを中断するモーダル ダイアログ。

ユーザーが日付を入力すると編集できる日付フィールドコンポーネント。

React 用の高速、コンポーザブル、unstyled コマンドメニュー。

フォールバックを持つユーザーの視覚的な表現。

ステータスやラベルの小さなビジュアルインジケータ。

構造化されたデータを表示するテーブルコンポーネント。

多様なボタンコンポーネント。

一貫したスタイリングのためのカスタムスクロール可能なエリア。

シングルセレクトオプションのラジオボタングループです。

よくある質問のための拡張可能なアコーディオンコンポーネント。

重要なメッセージに対する顕著な通知。

ユーザテキスト入力のための単一行入力フィールド。

アクセシビリティの入力に添付されたラベル。

コンテンツパネルをフローティングするためのポップアップコンポーネント。

補完ステータスを示すための進捗バーコンポーネント。

範囲値選択用のスライダコンポーネント。

リストから選択するコンポーネントを選択します。

コンテンツセクションを分離するためのビジュアルライン。

UIコンポーネントのプレースホルダーロード状態。

boolean設定用のトグルスイッチコンポーネント。

コンテンツを整理するためのタブベッドインターフェイスコンポーネント。

複数行のテキスト入力欄で、より長い内容になります。

ホバーに関する追加情報を表示するツールチップコンポーネント。

ヘッダー、コンテンツ、フッターの柔軟なコンテナ。

マルチ選択オプションのチェックボックスコンポーネント。

折りたたみパネルコンポーネント。

集中したインタラクションのためのモーダル・ダイアログ・コンポーネント。

コンテキストアクションのドロップダウンメニューコンポーネント。

インタラクティブな背景境界アニメーション。

ボーダー効果を下げる専門カード。

ナビゲーションでイメージやコンテンツカルーセル。

sanitized HTML コンテンツを安全にレンダリングするコンポーネント。

セクションヘッディングのための固定バッジ。

Tiptapベースのリッチテキストエディタ。

CSS 変数対応のカラー選択ツール。

一時的な通知システム(トースト/トースター)。

トースト通知を表示するビューポート。

視覚評価および検討の計算の表示器。

Lucide アイコンの動的アイコンローダー。

アプリのクラッシュを防ぐためのキャッチオールUI。