Forms

For capturing information.

Example

The input component enables the user to input text into a form. It takes a type prop.

TextArea

A multi-line text input field. The cols and row props enable you to determine the size of the input field.

Slider

The range slider component enables you to set a min and max props.

Select

The Select component accepts an options prop for an array of values to iterate as options for the user.

Checkbox

The Check component accepts a disabled and type prop. Further support scheduled.

Radio

The Radio component accepts a disabled and type prop. Further support scheduled.

Toggle

The Toggle component accepts an indicatorColor prop.

Usage

import { FormGroup, Label, Select } from 'ui-neu';

<FormGroup>
  <Label>Select</Label>
  <Select options={["egg", "milk", "bread"]}>Choose an option</Select>
</FormGroup>
Copy

Props

Props for each of the components are included below. This is still under development and changes are anticipated to occur in upcoming releases.

Check

Radio

Form

FormGroup

Input

Label

Select

Slider

TextArea

Toggle