Input

Default · 32px height · 14px desktop / 16px mobile

Light

Anatomy

PlainLeading icon

Trailing action

Prefix / suffix

Rp

IDR

Password

Phone

+

State matrix
Input	Resting	Hover	Focus	Invalid	Invalid + Focus	Disabled	Read-only
Plain				Check this value	Check this value
Leading icon				Check this value	Check this value
Trailing action				Check this value	Check this value

Content

PlaceholderFilledLong value

Field

Facility nameShown to your team.Required facility *Required field.Contact emailEnter a valid email address.

Password

Hidden

Visible

Disabled

Anatomy

PlainLeading icon

Trailing action

Prefix / suffix

Rp

IDR

Password

Phone

+

State matrix
Input	Resting	Hover	Focus	Invalid	Invalid + Focus	Disabled	Read-only
Plain				Check this value	Check this value
Leading icon				Check this value	Check this value
Trailing action				Check this value	Check this value

Content

PlaceholderFilledLong value

Field

Facility nameShown to your team.Required facility *Required field.Contact emailEnter a valid email address.

Password

Hidden

Visible

Disabled

Back to StoryLite