チェックボックスとラジオ
1pxの罫線の四角です。spark の色のチェックか塗りつぶしが選択を示し、ラベルまで含めて押せます。
バリエーション
プロパティ
コード
import { Checkbox } from "@/components/ui/kit/forms";
<Checkbox checked={true} onChange={setChecked} label="チェック済み" />すべての状態
Checkbox
Radio
使い方
使っているトークン
| --paper | … |
|---|---|
| --line-control | … |
| --spark | … |
| --ink-2 | … |
| --font-label | … |
値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。