Playground Vue Form

Choisis un exemple, modifie le JSON (tel que produit par $form->createView()) et observe le rendu. L’URL garde l’exemple sélectionné.

Champs simplesChamps conditionnelsGrille

Texte, e-mail et liste de choix.

JSON invalide : Unexpected end of JSON input

Code et données

<script setup>
import { ref } from 'vue'
import { FormField, SymfonyForm } from '@codifyo/form-vue'

// JSON renvoyé par Symfony ($form->createView() sérialisé)
const form = FormField.fromJson(json)
const model = ref({})
</script>

<template>
  <SymfonyForm :form="form" v-model="model" />
</template>

Démo complète de la librairie

La démo fournie avec @codifyo/form-vue : tous les types de champs, données pré-remplies et gestion des conflits.