Formwerk
A collection of Vue.js composables for building forms with behaviors, interactions, internationalization, and accessibility built-in, ready for your markup and styles.
Formwerk Documentation
Formwerk is a library of headless composables for Vue.js that helps you build accessible, high-quality form components for your applications or design systems. It offers a comprehensive tree-shakable set of composables that handle accessibility, interaction, validation, and best practices out of the box.
Formwerk provides a balanced approach between abstraction and control, allowing you to maintain full control over markup and styling while providing robust functionality for form components. It doesn't include any UI, styles, or predetermined markup - those aspects are for you to implement according to your needs.
Guides
- Getting Started: An introduction on how to get started with Formwerk
- Why Formwerk: A detailed explanation of Formwerk's philosophy and advantages
- Composables: Overview of all available composables in Formwerk
Form Components
- Forms Index: Comprehensive documentation for working with forms
- Form Validation: How to implement multi-level form validation
- Form Groups: Working with form groups
- Form Repeater: Creating repeatable form sections
Field Components
- Text Fields: Documentation for text input fields
- Number Fields: Working with numeric input fields
- Search Fields: Creating search input components
- Checkboxes: Implementation of checkbox components
- Radios: Creating radio button components
- Selects: Implementation of select/dropdown components
- Comboboxes: Creating combobox components
- Date Fields: Working with date input fields
- Time Fields: Creating time input components
- Calendars: Implementing calendar components
- File Fields: Handling file uploads
- OTP Fields: Creating one-time password fields
- Sliders: Implementing slider input components
- Switches: Creating toggle switch components
- Hidden Fields: Working with hidden input fields
- Custom Fields: Building custom field components
Extras
- Internationalization: Support for multiple languages and locales
- Styling: Best practices for styling Formwerk components
- Server-Side Rendering: Using Formwerk with SSR
- Resources: Additional helpful resources
Optional
- Showcase: Examples of Formwerk in action
- Starter Kits: Pre-configured templates to get started quickly
Meet the modern standard for public facing documentation. Beautiful out of the box, easy to maintain, and optimized for user engagement.
Search through billions of items for similar matches to any object, in milliseconds. It’s the next generation of search, an API call away.
Build and deploy reliable background jobs with no timeouts and no infrastructure to manage.
Get the simple developer experience of SQLite in production, and scale your multi-tenant backend with unlimited databases.
Upstash is a serverless data platform providing low latency and high scalability for real-time applications.
One-click deployments built for teams, tuned for Laravel, loaded with tools and goodies you're going to love.