Added labelBefore to bootstrap themes

[zeroasterisk]

The modifyProps function is just an idea, but easiest to communicate this way....

[radekmie]

I'm generally against such wrappers, so how about this:

const Bool = ({label, labelBefore, ...props}) =>
    <FormGroup label={labelBefore} {...props}>
        <section className={classnames(props.inputClassName, `checkbox${props.inline ? '-inline' : ''}`)}>
            <label htmlFor={props.id}>
                <input
                    checked={props.value}
                    disabled={props.disabled}
                    id={props.id}
                    name={props.name}
                    onChange={() => props.onChange(!props.value)}
                    type="checkbox"
                />&nbsp;
                {label}
            </label>
        </section>
    </FormGroup>
;

It will pass your labelBefore (or as you already named it labelLeft) to the <FormGroup />, and leave it's current label,

[radekmie]

Now props.label is always undefined - change it to label.

[zeroasterisk]

updated... better?

[radekmie]

Great!