Files
defgov/apps/ui-site/src/gallery/CheckboxGallery.tsx
2026-04-23 18:17:17 +08:00

27 lines
619 B
TypeScript

import { Checkbox, RulerSvg } from "@defgov/ui";
import { InnerWrap } from "../common/InnerWrap";
import { OuterWrap } from "../common/OuterWrap";
export const CheckboxGallery = () => {
return (
<OuterWrap>
<InnerWrap>
<Checkbox size="xs" icon={<RulerSvg />}>
Ruler
</Checkbox>
<Checkbox size="sm" icon={<RulerSvg />}>
Ruler
</Checkbox>
<Checkbox
size="md"
icon={<RulerSvg />}
hideIcon={true}
iconPlaceholder={true}
>
Ruler
</Checkbox>
</InnerWrap>
</OuterWrap>
);
};