FormKit integration #
If you need a powerful tool for building forms, we recommend using the FormKit form framework. Vuestic UI provides a ready-made style theme for this framework.
FormKit installation #
To start using FormKit, install the dependencies in your project.
npm
yarn
npm install @vuestic/formkitThen add the plugin to your main.* file
// main.*
import { createApp } from 'vue'
import App from './App.vue'
import { plugin, defaultConfig } from '@formkit/vue'
import * as inputs from '@vuestic/formkit'
createApp(App)
.use(plugin, defaultConfig({ inputs }))
.mount('#app')Examples #
Here are some implementation examples of what is possible with Vuestic and FormKit:
Basic Form #
Carbon Sequestration Grant
Form data
expand_moreAdvanced Form #
Here you can find this example done using only Vuestic components.
Multi Step Form #
Carbon Sequestration Grant
Form data
expand_more