Data Entry

Intro

Users need to add, change, and delete information frequently. A wide variety of text entry and selection options clearly and efficiently facilitates this experience.

Usage

Data entry interactions should provide the user with clear requirements for what they are required to input. Data entry components should:

• reduce user typing effort.
• allow the user to see their full entry.
• need input from designers for all of the above.

Data Entry Components

Autocomplete

WIP- add high-level info here.

Cascader

WIP- add high-level info here.

Checkbox

Use checkboxes to present a list of options to a user where multiple selection can be made.

DatePicker

Use when the user must select a date.

Form

Wrapper component for forms.

Input

Use for freeform text involving alphanumeric characters or a combination of alphanumeric characters and numbers.

Input Number

Use when the user needs to input numbers.

Mentions

WIP- add high-level info here.

Radio

Use radio buttons to present a list of options where only a single selection must be made.

Rate

WIP- add high-level info here.

Select

Selects allow the user to choose from predefined options.

Slider

*WIP- validate why we sould use these over radio buttons

Switch

WIP- add high-level info here.

TimePicker

WIP- add high-level info here.

Transfer

*WIP- should we exclude this component in it's current state?

TreeSelect

WIP- add high-level info here.

Upload

Upload allows users with an easy way to upload files.