UI Basics
ボタンの
基礎
shadcn/ui Button コンポーネントのバリエーション
バリアント
用途に応じた様々なスタイルのボタン
Default
Secondary
Outline
Ghost
Link
Destructive
Brand
Brand Outline
Brand Ghost
サイズ
用途に応じた異なるサイズのボタン
Small
Default
Large
アイコン付きボタン
テキストとアイコンを組み合わせたボタン
メールを送信
続きを読む
新規作成
状態
ローディング中や無効化されたボタン
処理中...
Disabled
Outline Disabled
Destructive Disabled
Next Steps
次のステップ
他のUIコンポーネントもぜひご覧ください。
カタログを見る