Ctrl + k
Theme:

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.

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.

clicked: 0

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.

Should be same as password

These Emails are not available:
[email protected]
[email protected]
[email protected]

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

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

© 2024 YeSvelte. All Rights Reserved