Inputs

INPUTS

Use ReduxForm for managing form states.

Input Label Right content Error text	<div class="formFieldContainer"><label>Input Label</label> <div class="formFieldInput formFieldMedium"> <input type="text" /><span class="formFieldRight">Right content</span></div> <div class="error">Error text</div> </div> <p>
Full Width Longer (500px) Long (350px) Medium (250px) Short (150) Narrow (75px)	<div class="formFieldInput"> <div class="formFieldInput formFieldLonger"> <div class="formFieldInput formFieldLong"> <div class="formFieldInput formFieldMedium"> <div class="formFieldInput formFieldShort"> <div class="formFieldInput formFieldNarrow">

Default Text Input
Focused Text Input
Disabled Text Input
Checkboxes Unchecked Checked Disabled Disabled Checked	<input type="checkbox" id="cb1" name="cb1"/> <label for="cb1">Unchecked</label>
Radio Buttons Unchecked Checked Disabled Disabled Checked	<input type="radio" id="rb1" name="rb1" /> <label for="rb1">Unchecked</label>
Default Dropdown React Select Documentation