表示
ボタン
Button
ユーザーがアクションを実行するためのクリック可能な要素。バリアント(プライマリ・セカンダリ・ゴーストなど)やサイズのバリエーションを持つ。
デザインスタイル別のライブプレビューとAIプロンプトを探索できます
Button
ユーザーがアクションを実行するためのクリック可能な要素。バリアント(プライマリ・セカンダリ・ゴーストなど)やサイズのバリエーションを持つ。
Input
ユーザーがテキストを入力するための単行・複数行フォームフィールド。バリデーション状態(エラー・無効)の表現も含む。
Modal
メインコンテンツの上に重なって表示される、フォーカスを要求するダイアログ。確認・入力・情報提示に使用される。
Toast
画面の端に短時間表示されるフィードバックメッセージ。操作の成功・失敗・情報を短く伝える。一定時間後に自動的に消える。
Table
構造化されたデータを行と列で表示するコンポーネント。ソート・フィルタ・ページネーション機能と組み合わせて使用される。
Navigation
サイトやアプリ内の主要な画面遷移を提供するナビゲーションバー。水平・垂直・サイドバー型などのレイアウトバリエーションを持つ。
フラット・シャドウ・アウトラインなど、各スタイルの見た目をライブプレビューで確認できます
各スタイルのAIプロンプトをワンクリックでコピーし、ChatGPTやClaudeで実装コードを生成できます
「モーダル」と「ダイアログ」、「トースト」と「スナックバー」など複数呼称を紐付けて検索できます