コンポーネント

Label

コントロールに関連付けられた、アクセシブルなラベルをレンダリングします。

使い方

import { Label } from "@murasakijs/ui";

<Label htmlFor="email">Email</Label>

Label は React Aria のアクセシブルなラベルプリミティブをレンダリングし、ネイティブの <label> 属性を渡します。htmlFor と対象コントロールの id を一致させておくと、ラベルをクリックしたときにそのコントロールにフォーカスが移ります。

Input Group

入力欄とインラインのテキスト、アイコン、操作を一体化します。

Field

ラベル、コントロール、補足、入力エラーを一つのフォーム項目として構成します。