Choice Boxチョイスボックス
CheckBoxとRadioButtonからラベルを除いたコンポーネントです。カードやリストと併用して使用できます。
更新 2024/11/1
バリエーション
2種類のバリエーションがあります。いずれもChoice Boxを単体で使用することは推奨されません。
- Checkbox
- Radio
import { ChoiceBox, RadioGroup } from "@serendie/ui";
import { Dd, Dl, Dt } from "src/components/LayoutUtils";
export function TypeSample() {
return (
<Dl>
<Dt>Checkbox</Dt>
<Dd>
<ChoiceBox type="checkbox" value="itemA" />
</Dd>
<Dt>Radio</Dt>
<Dd>
<RadioGroup>
<ChoiceBox type="radio" value="itemA" />
</RadioGroup>
</Dd>
</Dl>
);
}