@berlitz/radio

Radio

Radio button input field

Installation

yarn add @berlitz/radio

Props

Radio.propTypes

Argument	Type	Required	Default	Example
Name	string	No	No
value	string	No	No
disabled	bool	No	false
required	bool	No	false
children	node	✅	No

Group.propTypes

Argument	Type	Required	Default	Example
name	string	No	No
value	string,number, bool	No	No
children	node	✅	No
onChange	func	No	No
fullWidth	bool	No	No

RadioController Proptypes

Argument	Type	Required	Default	Example
name	string	✅	No
value	string,number, bool	No	No
disabled	bool	No	false
required	bool	No	false
data	func	✅	No
setFieldValue	bool	✅	No

Usage

yarn add @berlitz/radio

import { RadioController } from '@berlitz/radio'

const data = [
  {
    id: 'value 1',
    name: 'radio label 1'
  },
  {
    id: 'value 2',
    name: 'radio label 2'
  },
  {
    id: 'value 3',
    name: 'radio  label 3'
  },
]

<RadioController name='my_radio_field' data={data} value='value 2' setFieldValue={() => {}} disabled />

When to use this component

Any input field that requires radio button

Notes