Text fields

Let users complement with textual information.

Types

There are 2 styles available: inline solution and box.

When building an interface, choose only one of the solutions for your layout.

Inline solution

Inline | Anatomy

The component can accompany icons

Inline solution with icon | Anatomy

The icon may also appear after the Label.

Inline solution with icon option 2 | Anatomy

Box solution

If the input requires more lines, the boxed solution is the most recommended.

Box | Anatomy

Last updated

Was this helpful?