text field design system:

Hi guys

I designed a new version of the text field.

In this component, I tried to design all the project requirements for the text field.

Designed features:

1- It has 6 modes: default, hover, press, correct value, error, disable

2- RTL & LTR

3- TEXT AREA

4- Prototype & smart animation

5- fully responsive

6- hint text & char count

7- DARK & LIGHT MODE

8-Responsive

9- Compatible with different backgrounds

10- Compliant with Google Material Design

available for new projects :

gmail: maximdesign2020@gmail.com

WhatsApp : +989336670092

instagram : studio_arsin2

All settings of the text field panel are shown in the video below.

Download from figma community :

https://www.figma.com/community/file/1249484230034212231/Text-Field-(-input-)