Input Fields
A focused collection of input fields optimized for data entry and user information capture with advanced validation, autocomplete support, and comprehensive field types. Perfect for building registration forms, profile editors, and data collection interfaces.
Examples
User Registration Fields
Tambo Conversations
Loading threads...
Installation
Component API
InputFields
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | - | Section heading displayed at the top |
| description | string | - | Optional description text below the title |
| fields | InputField[] | [] | Array of input field configurations |
| variant | "solid" | "bordered" | "solid" | Visual style of the container |
| layout | "compact" | "relaxed" | "compact" | Spacing between input fields |
| className | string | - | Additional CSS classes for customization |
InputField
| Prop | Type | Default | Description |
|---|---|---|---|
| name | string | - | Unique identifier for the field |
| label | string | - | Label text displayed above the field |
| type | "text" | "email" | "password" | "number" | "tel" | "text" | Type of input field to render |
| required | boolean | false | Whether the field is required |
| disabled | boolean | false | Whether the field is disabled |
| placeholder | string | - | Placeholder text shown in empty fields |
| description | string | - | Helper text displayed below the field |
| minLength | number | - | Minimum character length for validation |
| maxLength | number | - | Maximum character length for validation |
| pattern | string | - | Regular expression pattern for validation |
| autoComplete | string | - | Autocomplete attribute for browser support |