Form Component

This page demonstrates all the form components and their features from Heco UI.

Form Example

This is a basic form example with various form components.

Enter your full name as it appears on your ID

Must be at least 8 characters

Password Toggle Examples

Click the eye icon to show/hide

Standard password field

Tell us more about your project

This field is disabled for demonstration

Select all that apply

Form Components API

Documentation for the form components

Form Component

The main form container component.

PropDescriptionTypeDefault
idForm identifierstringauto-generated
onSubmitForm submission handler(e: FormEvent) => void-

FormField Component

The main form field container component.

PropDescriptionTypeDefault
nameField namestringRequired
labelField labelstring-
errorError messagestring-
descriptionHelp text for the fieldstring-

FormInput with Password Toggle

The main form field container component.

PropDescriptionTypeDefault
showPasswordToggleToggle password visibilitybooleanfalse
typeInput typestring"text"