0% Complete

FormInput

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.

#

Label

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:
#

Hint

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!
#

State

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

#

Mask

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.

#

Layout

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