Try changing type="radio"
on line 5
to
checkbox
.
The open-source form framework for Vue
FormKit equips developers to build their forms 10x faster by simplifying form structure, generation, validation, theming, submission, error handling, and more.
Powerful form features for data flow, error handling, and state management.
24+ accessible inputs powered by a single component.
20+ built-in validation rules and support for writing your own.
Use FormKit’s default Genesis CSS theme, Tailwind, or your own custom approach with full control over every DOM element.
Generate forms with FormKit’s JSON-compatible dynamic schema. Fully serializable for database storage.
Engineered to handle the most demanding forms.
Forms
v-model
Optionally v-model
an entire form with one object Automatic loading state for async submissions State tracking for invalid, loading, errors, and more Easily disable all inputs in a form Form reset Structure your data as objects, arrays, and scalar valuesInputs
<FormKit />
Includes every input type (24+) Accessibility built-in State tracking for invalid, loading, errors, and more Export to restructure input HTML Create custom inputs Control input values with middleware Automatic DOM for label, help, messages, and more Supports conditional inputs Slots for every DOM elementValidation
Styling
Schema
Try changing pricePerUser
on line 2
to
see the schema-powered form re-render.
Architecture
features
Extend with hooks Event system Write your own inputs Full SSR support Wrap 3rd-party inputs CLI tool Customize with FormKit config Active community & support Internationalization architecture Hierarchical input structureSupercharge FormKit with optional Pro inputs
Powerful commercial form controls, same great API.
- Autocomplete
- Datepicker
- Dropdown
- Mask
- Rating
- Repeaterfree
- Taglist
- Togglefree
- Transfer List
Autocomplete
Search and select from a custom options list.