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.
Form Components API
Documentation for the form components
Form Component
The main form container component.
| Prop | Description | Type | Default |
|---|---|---|---|
| id | Form identifier | string | auto-generated |
| onSubmit | Form submission handler | (e: FormEvent) => void | - |
FormField Component
The main form field container component.
| Prop | Description | Type | Default |
|---|---|---|---|
| name | Field name | string | Required |
| label | Field label | string | - |
| error | Error message | string | - |
| description | Help text for the field | string | - |
FormInput with Password Toggle
The main form field container component.
| Prop | Description | Type | Default |
|---|---|---|---|
| showPasswordToggle | Toggle password visibility | boolean | false |
| type | Input type | string | "text" |