Menu

Input

An input is a field used to elicit a response from a user

Download

Types

Input Flexbox

A standard input

States

Focus

An input field can show a user is currently interacting with it

Loading

An icon input field can show that it is currently loading data

Loading inputs automatically modify the input's icon on loading state to show loading indication

Error

An input field can show the data contains errors

Variations

Icon

An input can be formatted with an icon

Labeled

An input can be formatted with a label

http://
Tags

Action

An input can be formatted to alert the user to an action they may perform

Transparent

A transparent input has no background

Inverted

An input can be formatted to appear on dark backgrounds

Fluid

An input can take the size of its container

Search

Size

An input can vary in size

Inputs will automatically size themselves unless you manually declare a width

Dimmer Message
Dimmer sub-header