Vuance UI Kit

Inputs

Form Renderer

Schema-driven form composition over the kit input and validation contracts.

Form Renderer

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Properties

Fields

Vue

<m-form-renderer
  :config='[{&quot;type&quot;:&quot;text&quot;,&quot;name&quot;:&quot;name&quot;,&quot;label&quot;:&quot;Name&quot;,&quot;rules&quot;:{&quot;required&quot;:true}},{&quot;type&quot;:&quot;switch&quot;,&quot;name&quot;:&quot;updates&quot;,&quot;label&quot;:&quot;Product updates&quot;,&quot;default&quot;:true}]'
 />