コンポーネント
コンポーネント
@murasakijs/ui が提供するコンポーネント。
@murasakijs/ui は、スキャフォー
ルドがデフォルトでインストールするコンポーネントライブラリです — Radix プリミティブ
をベースに、Tailwind CSS と class-variance-authority でスタイリングされており、
shadcn/ui ユーザーにはおなじみの cn() の作法をそのまま使っています。このページに
掲載されている各コンポーネントは、実際に公開されているものそのものをライブでレンダリ
ングしています。
コンポーネントライブラリがスキャフォールドされたアプリにどう組み込まれるか(スタイル シートの読み込み、Tailwind プリセット、ダークモード)については、Styling ガイドを参照してください。
Button
ボタン、またはボタンのように見えるコンポーネントを表示します。
Input
フォームの入力フィールド、または入力フィールドのように見えるコンポーネントを表示します。
Select
ボタンで開く、ユーザーが選択肢から選べるリストを表示します。
Card
ヘッダー・コンテンツ・フッターを持つカードを表示します。
Dialog
プライマリウィンドウまたは他のダイアログウィンドウの上に重ねて表示されるウィンドウです。
Dropdown Menu
ボタンで開く、メニューをユーザーに表示します。
Tabs
一度に1つずつ表示される、階層化されたコンテンツのセットです。
Accordion
それぞれがコンテンツのセクションを開閉する、縦に並んだインタラクティブな見出しの集合です。