HTML in schemas

It would be nice to be able to use html in the JSON schema

I don’t think this is possible at the minute so correct me if it is, but it would be really nice to be able to add html into the JSON when generating forms so that custom styling can be applied. Example below.

  {
    "component": "h3",
    "children": "Student <strong>registration</strong>"
  },
  {
    "label": "Your name",
    "name": "name",
    "validation": "required"
  },
  {
    "label": "Your email",
    "name": "email",
    "help": "Please use your student email address",
    "validation": "bail|required|email|ends_with:.edu",
    "validation-messages": {
      "ends_with": "Please use a .edu email address"
    }
  },
  {
    "label": "Student ID",
    "name": "student_id",
    "help": "Your 6 digit student ID (ex. ST-123421)",
    "placeholder": "ST-",
    "validation": "^required|matches:/^ST-[\\d]{6}$/",
    "validation-name": "Student ID"
  },
  {
    "type": "submit"
  }
]

[sugoidesune]

Schema:

          {
             type:"html",
             html:"<b>love</b>"
          }

Component formulate-html.vue:

<template>
    <div v-html="html">
    </div>
</template>
<script>
export default {
      props: ['html']
}
</script>

Registration in VueFormulate Config:

import Vue from 'vue'
import VueFormulate from '@braid/vue-formulate'
import FormulateHTML from '~/components/formulate-html'

Vue.component('FormulateHTML', FormulateHTML)

Vue.use(VueFormulate, {
    library:{
      html:{
        classification: 'html',
        component: 'FormulateHTML',
        slotProps: {
          component: ['html']
        }
      }}})

[justin-schroeder]

Looks like you guys have found a good way around this so im going to close it out for now. Again, would love to see a plugin develop here 😃