Bedrock + Material Design

Text fields

Text fields allow users to input, edit, and select text.

Default text field

#

A default text field.

Password field with validation

#

A Password field with validation.

Must be at least 8 characters long

Outlined Text Field

#

An outlined text field.

Helper Text (possibly validation message)

Text Field box

#

A text field box.

Text Field - Leading/Trailing icons

#

A text field with leading/trailing icons.

event
delete
event
delete

Preventing FOUC

#

A text field that prevents FOUC.

Textarea

#

A textarea.

Full-Width Text Field and Textarea

#

A full-Width text field and textarea.

Prototype navigation

Press Ctrl + M to toggle this navigation or click here.