diff --git a/src/tedi/components/form/choice-group/choice-group.tsx b/src/tedi/components/form/choice-group/choice-group.tsx index e2ade8d0..e3856bba 100644 --- a/src/tedi/components/form/choice-group/choice-group.tsx +++ b/src/tedi/components/form/choice-group/choice-group.tsx @@ -67,7 +67,7 @@ export const ChoiceGroup = (props: ChoiceGroupProps): React.ReactElement => { indeterminateCheck, indeterminateCheckProps = {}, color, - layout, + layout = 'separated', showIndicator, ...rest } = getCurrentBreakpointProps(props); @@ -188,8 +188,8 @@ export const ChoiceGroup = (props: ChoiceGroupProps): React.ReactElement => { )} -
+
{variant === 'default' || showIndicator ? ( { onChangeHandler(value, e.target.checked); }} - className={styles['tedi-choice-group-item__input']} + className="visually-hidden" role={type === 'radio' ? 'radio' : undefined} aria-checked={isChecked} + tabIndex={-1} />