diff --git a/src/components/FieldRadioButton/FieldRadioButton.example.js b/src/components/FieldRadioButton/FieldRadioButton.example.js
index c08289ad..63664a62 100644
--- a/src/components/FieldRadioButton/FieldRadioButton.example.js
+++ b/src/components/FieldRadioButton/FieldRadioButton.example.js
@@ -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 => (
>
{
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',
};