react-gender-input
A better gender form option implemeted as a react component
Demo
View the component in action in our interactive demo
Installation
Use yarn or npm to install react-gender-input
yarn add react-gender-input
or npm install --save react-gender-input
Usage
import { GenderInput } from 'react-gender-input';
<GenderInput
name='my-gender-field-name'
onUpdate={(val) => {...}}
value={user.gender}
/>
Options
-
name
: type:string
, default:gender-input
. Form name property used for the input -
value
: type:string
. Selected gender value -
required
: typeboolean
, default:false
. Toggles `required="required" on form inputsVY -
preferNotToSay
: typeboolean
, default:true
. Toggles an additional "Prefer not to say option" -
otherReveal
: type'select' | false
, default:select
. Defines form input that is revealed on selecting "Other" -
onUpdate
: typefunction
. Method to call when the selected value changes. Called with one argument: the new value.