TBit Forms is a powerful form builder and renderer that allows you to create dynamic, embeddable forms with advanced field types, validation, and integrations.
| Field Type | Description | Validation |
|---|---|---|
TEXT | Single-line text input | Required, min/max length |
EMAIL | Email address input | Email format validation |
TEL | Phone number input | Phone format validation |
URL | Website URL input | URL format validation |
NUMBER | Numeric input | Number validation, min/max |
TEXTAREA | Multi-line text input | Required, max length |
SELECT | Dropdown selection | Required, valid option |
RADIO | Radio button group | Required, single selection |
CHECKBOX | Checkbox group | Multiple selections |
DATE | Date picker | Valid date format |
DATETIME-LOCAL | Date and time picker | Valid datetime format |
TIME | Time picker | Valid time format |
BOOLEAN | Toggle switch | True/false value |
Forms follow the @tbit-io/types schema structure:
interface Form { agentId: ObjectId; name: string; description: string; fields: FormField[]; status: "DRAFT" | "PUBLISHED" | "ARCHIVED" | "DESACTIVATED"; created_at: Date; updated_at: Date;}interface StandardField { id: string; type: "STANDARD"; name: string; label: string; inputType: "TEXT" | "EMAIL" | "NUMBER" | ...; required: boolean; requestFromUser: boolean; placeholder?: string; description?: string; options?: string[];}Forms automatically adapt to your chosen theme (light or dark). You can switch themes using the data-theme attribute.
Control the form dimensions using data-width and data-height attributes. Use “auto” for responsive sizing.
Forms are built with TBit's design system. All components follow the brand guidelines and are fully responsive.