RadioGroupButtons: Improve CSS
This commit is contained in:
parent
ed16cdd61d
commit
f0bfa39f33
2 changed files with 8 additions and 2 deletions
|
@ -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>
|
||||
</>
|
||||
|
|
|
@ -1,4 +1,6 @@
|
|||
import React from 'react';
|
||||
|
||||
export interface IInputGroup {
|
||||
text: string
|
||||
text: React.ReactNode
|
||||
value: string
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue