Input Field

Input Field

Input fields are utilized to gather various types of input from users. There are several styles of inputs that can be swapped using this component, providing flexibility for the designers.​

Variant

Beside

Bottom

Options

Options are utilized to display a list of choices for drop-downs or various scenarios that require a list.

Variant

Default

Combobox

Text Field

The text field component has six different states, namely inactive, active, focused, filled, error, and disabled. Furthermore, it comes in a variety of types, including Text Field Default, Text Field Button, Prefix, Price Field, Number Field, Date Time Field, Password Field, and Dropdown Multiple Choices.

State

Type

Text Area

A text area represents a multi-line editing control for plain text, which is useful when users are required to enter a significant amount of free-form text.

Variant

Input Audio/Document/Photo/Video Field

An upload field facilitates users in uploading various types of multimedia such as videos, images, audio recordings, or documents. Users may choose to either upload from their device storage or by specifying a URL as the source of the file.

Input Photo Variant

Input Video Variant

Input Document Variant

Input Audio Variant