luqin
Radio buttons inline
I'm having an issue where I have a RadioGroup with two Radio objects inside. They appear like so:
I need them to appear vertically, like so:
This was achieved by editing the label element inside the browser.
Where can I edit these settings specifically?
This is the DOM structure in runtime:
Thanks
How to add <div className="clearfix"></div> to display vertically
` <RadioGroup name={props.input_name}
value={props.defaultValue}
>
{
props.options &&
props.options.map((value, key) => (
<Radio
style={{
display: 'block'
}}
id={value}
key={key}
radioClass="iradio_square-blue"
increaseArea="20%"
type="radio"
label={
<span style={{padding: '1em'}}>
{
value.charAt(0).toUpperCase() + value.substring(1)
}
}
value={value}
onClick={props.handleChange}
/>
)
)
}`
