Recipes
Guided examples for the most common use-cases.
Form
Submit only dirty valuesLearn how to selectively submit dirty values.Auto-submit form when a field value is changedLearn how to submit a form when anything is changed.Display validation error message for their respective elementsLearn how to assign backend errors to elements.Plugin for globally handling form errorsLearn how to handle errors globally.Submit data on form stepsLearn how to save form state when using steps.Show form loader for large formsLearn how to show a loader while a large form is loading.
Styles and Layout
Add custom CSS class to an elementLearn how to add classes to any element.Display error / success messages at the bottom of the formLearn how to create a custom view for the form.Create 'view' modeLearn how to create a view mode for forms.Add global addon to elementsLearn how to apply an addon on a config level.Add icon to radio / checkbox tabsLearn how to create an alternative view with icon.PDF preview for filesLearn how to create an alternative view for file preview.Add image to select optionsLearn how to create a custom option slot with images.Custom tag design for TagsElementLearn how to create a custom tag slot.
Form Steps and Tabs
Select Options
Fetch select options on first characterLearn how to load options only when a character is entered.Fetch select options on clickLearn how to fetch options only when the select it first activated.Infinite scroll for select optionsLearn how to load select options dynamically as you scroll.Dynamically load options to chained select boxes from endpointLearn how to load chained select boxes using an endpoint.Dynamically load options to chained select boxes with async functionsLearn how to load chained select boxes using functions.
Elements
Repeat multiple elementsLearn how to have multiple instances of the same element set.Add unique IDs to elementsLearn how to have a unique ID for elements by default.Change default options (props) for elementsLearn how to set global component props on a config level.Default validation rules for custom elementLearn how to set default rules on a config level.Creating a custom element containing multiple elementsLearn how to create a container element with multiple elements.
Haven't found what you are looking for?
Open a Discussion on GitHub or Discord and we will be happy to help.
