Usage with plain Javascript using CDN

For vue-flow-form

Usage with plain Javascript using CDN

Usage with plain JavaScript via CDN

cdnjs does not provide the latest version URL, so check npm or GitHub for the latest version of the library.


    <script src=""></script>
    <!-- Flow Form -->
    <script src=""></script>
    <!-- Flow Form base CSS -->
    <link rel="stylesheet" href="">
    <!-- Optional theme.css -->
    <link rel="stylesheet" href="">
    <div id="app">
      <flow-form v-bind:questions="questions" v-bind:language="language" />
    <script src="app.js"></script>

JavaScript (content of app.js):

var app = Vue.createApp({
  el: '#app',
  template: '<flow-form v-bind:questions="questions" v-bind:language="language" />',
  data: function() {
    return {
      language: new VueFlowForm.LanguageModel({
        // Your language definitions here (optional).
        // You can leave out this prop if you want to use the default definitions.
      questions: [
        new VueFlowForm.QuestionModel({
          title: 'Question',
          type: VueFlowForm.QuestionType.MultipleChoice,
          options: [
            new VueFlowForm.ChoiceOption({
              label: 'Answer'
}).component('FlowForm', VueFlowForm.FlowForm);

const vm = app.mount('#app');

Project Documentation



DITDOT offers complete services for tailor-made software development, corporate identity, and consulting - delivering high-quality web applications, mobile apps, and websites.

Looking for more vue-flow-form tutorials?

View all tutorials for vue-flow-form