Honeycomb

Input

Displays a form input field or a component that looks like an input field.

When To Use

  • To collect text input from the user.
  • For search fields, form fields, and filters.
Basic
A simple text input.
With Label
Input paired with a label.
Disabled
A disabled input.
File Input
An input with type file.
Inline
Horizontal layout with input and button side-by-side.
Grid Layout
Two inputs in a grid layout.