Material Design – Text Fields & Inputs – Free Figma Resource

Components
Figma Resource

In this file I collected the outlined Material Design Text Field Styles.

Easy to use and customizable.

Featuring:

Text Fields:

• Text (Single-line)

• Text + Right Icon

• Text + Left Icon

• Text + Double Icon

• Helper Text

• Counter

States:

• Default

• Hover

• Focused

• Filled

• Disabled

Types of Inputs

• Default

• Dropdowns

• Datepicker

• Timer

• Clear

• Password