React-simple-radio-button NPM

react-simple-radio-button

Installation

npm install react-simple-radio-button --save

Features

React RadioButton
You can create radio group with n number of options
You can pass options as array
Set a default value
Get the selected value as string
Customized UI
Can override the styles

Usage

<ReactRadioGroup 
    options={'Option 1', 'Option 2', 'Option 3'}
    defaultSelected='Option 2'/>

Props

`<ReactSingleDropdown>`

Name	Type	Default	Description
options	array	[]	Specify the select(Dropdown) component options as an array of values. For example 'option 1', 'options 2', option 3'
defaultSelected	string	null	Specify one option from the options array as default selected option if required.
onChange	function	selected value	This is a call-back function which returns the selected value back on `onChange`.

Example

import React from 'react'

import ReactRadioGroup from 'react-simple-radio-button'

export default class Demo extends React.Component {

  onOptionSelect = (value) => {
    console.log('Selected value=', value)
  }
  
  render() {
    return <div>
      <h1>react-simple-radio-button Demo</h1>
      <ReactRadioGroup 
      defaultSelected = 'Option 3'
      onChange={this.onOptionSelect}
      options={['Option 1','Option 2','Option 3']} />
    </div>
  }
}