RadioGroupButtons: Improve CSS

This commit is contained in:
Eric NGUYEN 2022-08-16 14:08:54 +02:00
parent ed16cdd61d
commit f0bfa39f33
2 changed files with 8 additions and 2 deletions

View file

@ -18,6 +18,7 @@ export const RadioGroupButtons: React.FunctionComponent<IRadioGroupButtonsProps>
<input
type='radio'
name={props.name}
className='m-2'
value={inputGroup.value}
checked={props.value === inputGroup.value}
onChange={props.onChange}
@ -31,6 +32,7 @@ export const RadioGroupButtons: React.FunctionComponent<IRadioGroupButtonsProps>
<input
type='radio'
name={props.name}
className='m-2'
value={inputGroup.value}
defaultChecked={props.defaultValue === inputGroup.value}
onChange={props.onChange}
@ -45,7 +47,9 @@ export const RadioGroupButtons: React.FunctionComponent<IRadioGroupButtonsProps>
<label>
{props.labelText}
</label>
<div id='XPositionReference'>
<div id='XPositionReference'
className='flex flex-col'
>
{ inputGroups }
</div>
</>

View file

@ -1,4 +1,6 @@
import React from 'react';
export interface IInputGroup {
text: string
text: React.ReactNode
value: string
}