Linh Nguyen

Design system

Components

View all

Input

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

Example

Text input

Email

Search input

Component

Text input

Default

Focused

Empty

Label

Optional helper text

Label

Optional helper text

Placeholder text

Label

Type something

Optional helper text

Label

Type something

Optional helper text

Text filled

Label

Text filled

Optional helper text

Label

Text filled

Optional helper text

Search input

Default

Focused

Empty

Placeholder text

Search here

Search here

Text filled

Search field

Search field

Linh Nguyen

Hello

Work

Design System

Work

Design system

Components

Menu

Input

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

Example

Text input

Email

Search input

Component

Text input

Default

Focused

Empty

Label

Optional helper text

Label

Optional helper text

Placeholder text

Label

Type something

Optional helper text

Label

Type something

Optional helper text

Text filled

Label

Text filled

Optional helper text

Label

Text filled

Optional helper text

Search input

Default

Focused

Empty

Placeholder text

Search here

Search here

Text filled

Search field

Search field

Linh Nguyen

Hello

Work

Design System

Work

Design system

Components

Input

Input

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

Example

Text input

Email

John@doe.com

Search input

Search for something

Component

Text input

Default

Focused

Empty

Label

Optional helper text

Label

Optional helper text

Placeholder text

Label

Type something

Optional helper text

Label

Type something

Optional helper text

Text filled

Label

Text filled

Optional helper text

Label

Text filled

Optional helper text

Search input

Default

Focused

Empty

Placeholder text

Search here

Search here

Text filled

Search field

Search field