Seiten · Laravilt
Forms Introduction
Declarative form builder with Vue.js integration
The Forms package provides a powerful, declarative form builder with Vue.js frontend integration.
Overview
- 30+ Field Types - Text, select, date, file upload, rich editor
- Declarative Schema - Define forms using PHP fluent syntax
- Vue Integration - Seamless frontend rendering with shadcn/ui
- Reactive Fields - Live updates and field dependencies
- Layout Components - Sections, grids, tabs, wizards
Vue Component Stack
| Package | Purpose |
|---|---|
| Vue 3 | Frontend framework |
| shadcn/ui | UI components (Radix Vue based) |
| Lucide Icons | Icon library |
| VueUse | Composables for reactivity |
| Tiptap | Rich text editor |
| FilePond | File uploads |
Basic Usage
php
Related
Field Categories
- Inputs - Text, number, hidden fields
- Selection - Select, radio, checkbox, toggle
- DateTime - Date and time pickers
- Media - File upload, editors
- Pickers - Color, icon, tags
- Data - Repeater, builder, key-value
Configuration
- Layouts - Section, grid, tabs, wizard
- Validation - Rules and messages
- Reactive - Live updates, dependencies
- Custom Fields - Create custom components