All Components
20 field components available in the form builder. Each component page includes a live demo and full property reference.
Input
| Type | Description | Input | Options | Props |
|---|---|---|---|---|
| text | Single-line text input. Supports icons, prefixes, suffixes, and character counter. | yes | no | 17 props |
| Email input with built-in validation. Renders an email-type input with optional icon. | yes | no | 8 props | |
| number | Numeric input. Supports min/max value validation. | yes | no | 10 props |
| phone | Phone number input. Renders a tel-type input. Store in E.164 format. | yes | no | 8 props |
| url | URL input. Renders a url-type input with optional icon. | yes | no | 8 props |
| date | Date picker input. Supports min/max dates, allowed dates, and disabled dates. | yes | no | 12 props |
| textarea | Multi-line text input. Supports character counter and all variants. | yes | no | 9 props |
| file | File upload with drag-and-drop. Supports MIME type restrictions and max file size. Shows image preview for image files. | yes | no | 7 props |
Selection
| Type | Description | Input | Options | Props |
|---|---|---|---|---|
| select | Dropdown select. Shows a clear button when not required and a value is selected. | yes | required | 8 props |
| radio | Single-choice radio group. Supports list, grid, cards, and images display modes. | yes | required | 9 props |
| checkbox | Multi-choice checkbox group. Supports min/max selection validation and all display modes. | yes | required | 11 props |
| toggle | Boolean switch. Label and description are shown inline next to the switch. | yes | no | 4 props |
| rating | Star rating picker. Supports configurable min/max stars and hover preview. | yes | no | 7 props |
| slider | Range slider with min/max labels and live value display. | yes | no | 7 props |
Display
| Type | Description | Input | Options | Props |
|---|---|---|---|---|
| info | Informational content block. Supports 5 visual styles: flat, card, banner, callout, quote. | no | no | 4 props |
| divider | Visual separator with optional title and description. | no | no | 2 props |
| image | Display an image from a URL. Shows a placeholder when no URL is set. | no | no | 4 props |
| video | Embed a video. Auto-converts YouTube and Vimeo URLs to embed URLs. Falls back to native video player for direct URLs. | no | no | 2 props |
| download | Download button linking to a file URL. | no | no | 2 props |
| redirect | Link that opens in a new tab. Supports button or text display mode. | no | no | 3 props |