Text Field
Note that in browsers that support custom properties, we alter theme's primary color when using the dark theme toggles so that the text fields appears more visible.

Full Functionality JS Component (Floating Label, Validation)

Password field with validation

Must be at least 8 characters long

Outlined Text Field

Must be at least 8 characters

Text Field box

Must be at least 8 characters

Text Field - Leading/Trailing icons

event
delete
event
delete

CSS Only Text Field

CSS Only Text Field box

CSS-Only Outlined Text Field

Preventing FOUC

Textarea

CSS Only Textarea

Full-Width Text Field and Textarea