maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add example for not required radio button field

Browse source
This commit is contained in:
Jenni Nurmi 2018-12-17 09:59:04 +02:00
parent 73bead91f9
commit fd4d258d05
1 changed files with 31 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/components/FieldRadioButton/FieldRadioButton.example.js
View file

@ -9,12 +9,18 @@ const FormComponent = props => (
{...props}
form={formName}
render={fieldRenderProps => {
const { handleSubmit, onChange, invalid, pristine, submitting } = fieldRenderProps;
const {
handleSubmit,
onChange,
invalid,
pristine,
submitting,
required,
id,
} = fieldRenderProps;
const submitDisabled = invalid || pristine || submitting;
const required = true;
const showAsRequired = pristine && required;
return (
@ -26,21 +32,21 @@ const FormComponent = props => (
>
<FormSpy onChange={onChange} />
<FieldRadioButton
id="option-id1"
id={`${id}-option-id1`}
name="option-group"
label="option 1"
value="option1"
showAsRequired={showAsRequired}
/>
<FieldRadioButton
id="option-id2"
id={`${id}-option-id2`}
name="option-group"
label="option 2"
value="option2"
showAsRequired={showAsRequired}
/>
<FieldRadioButton
id="option-id3"
id={`${id}-option-id3`}
name="option-group"
label="option 3"
value="option3"
@ -67,6 +73,25 @@ export const RadioButtonRequired = {
onSubmit: values => {
console.log('Submit values of FieldRadioButton: ', values);
},
required: true,
id: 'radiobutton',
},
group: 'inputs',
};
export const RadioButtonNotRequired = {
component: FormComponent,
props: {
onChange: formState => {
if (Object.keys(formState.values).length > 0) {
console.log('form values changed to:', formState.values);
}
},
onSubmit: values => {
console.log('Submit values of FieldRadioButton: ', values);
},
required: false,
id: 'radiobutton2',
},
group: 'inputs',
};