0% Complete


FormInput is an input and label wrapper component to be used insisde forms. It supports all props and events of Input and also have some additional features.



Set label property to show input label's and bind to its id automatically. required is a booleanproperty which show an indicator on label as well. You can also use label slot.

You typed:


Set hint string property to show some useful information about the input. You can also use hint slot.

We'll never share your email with anyone else.
Your email is validated!
Invalid email address!


Set state property to show a state indicator on the input.



You can use the mask property to apply a mask to an input. You can also use the maskOptions property to configure the mask. For more information about the mask options, see the Inputmask documentation.



Use default row and col properties to change layout of the FormInputs inside forms.