Field Types
Overview of all 18 field types available in BuzzForm.
Field Types
BuzzForm includes 18 field types organized into two categories:
Data Fields
Fields that collect user input and store values in form data.
| Type | Description |
|---|---|
text | Single-line text input |
email | Email with format validation |
password | Password with strength indicator |
textarea | Multi-line text input |
number | Numeric input with steppers |
date | Date picker |
datetime | Date and time picker |
select | Dropdown with search, multi-select |
radio | Radio button group |
checkbox | Boolean checkbox |
switch | Toggle switch |
tags | Chip-based multi-value input |
upload | File upload with drag-drop |
Layout Fields
Fields that organize and structure other fields without storing data directly.
| Type | Description |
|---|---|
row | Horizontal field arrangement |
group | Named object container |
collapsible | Expandable section |
tabs | Tabbed interface |
array | Repeatable fields with drag-drop |
Common Properties
All data fields share these base properties:
| Property | Type | Description |
|---|---|---|
name | string | Field key in form data |
id | string | Explicit HTML id override |
label | string | ReactNode | false | Display label |
description | string | ReactNode | Help text |
placeholder | string | Placeholder text |
required | boolean | Mark as required |
disabled | boolean | function | Disable input |
readOnly | boolean | function | Read-only mode |
hidden | boolean | function | Hide field |
defaultValue | any | Initial value |
schema | ZodSchema | Direct Zod schema override |
validate | function | Custom validation |
condition | function | Conditional visibility |
autoComplete | string | HTML autocomplete attribute |
style.className | string | CSS class |
style.width | string | number | Field width |
meta | object | Custom metadata for extensions |