diff --git a/app/components/elements/ChipRadio.module.css b/app/components/elements/ChipRadio.module.css index 7618eb9a0..069b3aa13 100644 --- a/app/components/elements/ChipRadio.module.css +++ b/app/components/elements/ChipRadio.module.css @@ -7,6 +7,11 @@ flex-direction: column; align-items: stretch; } + + &[data-wrap="true"] { + flex-wrap: wrap; + width: auto; + } } .label { diff --git a/app/components/elements/ChipRadio.tsx b/app/components/elements/ChipRadio.tsx index b2ff38162..e2b21bdfc 100644 --- a/app/components/elements/ChipRadio.tsx +++ b/app/components/elements/ChipRadio.tsx @@ -3,6 +3,7 @@ import styles from "./ChipRadio.module.css"; interface SendouChipRadioGroupProps { children: React.ReactNode; orientation?: "horizontal" | "vertical"; + wrap?: boolean; className?: string; } @@ -17,12 +18,14 @@ interface SendouChipRadioProps { export function SendouChipRadioGroup({ children, orientation = "horizontal", + wrap = false, className, }: SendouChipRadioGroupProps) { return (