Commit 2f3077c5 authored by Jeanphilippe, Maxavier's avatar Jeanphilippe, Maxavier
Browse files

Upload New File

parent 916b9c45
Loading
Loading
Loading
Loading
+34 −0
Original line number Diff line number Diff line
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - vjsf - Sections as tabs</title>
  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900'>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css'>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css'>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/@koumoul/vjsf@2.23.2/dist/main.css'>

</head>
<body>
<!-- partial:index.partial.html -->
<v-app id="app">
  <v-container>
    <p>valid={{valid}}</p>
    <v-form ref="form" v-model="valid">
      <v-jsf v-model="model" :schema="schema" :options="options" @input="logEvent('input', $event)" @change="logEvent('change', $event)" @input-child="logEvent('input-child', $event)" @change-child="logEvent('change-child', $event)" />
    </v-form>
    <v-layout row class="mt-2">
      <v-spacer></v-spacer>
      <v-btn color="primary" @click="$refs.form.validate()">Validate</v-btn>
    </v-layout>
  </v-container>
</v-app>
<!-- partial -->
  <script src='https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js'></script>
<script src='https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js'></script>
<script src='https://cdn.jsdelivr.net/npm/axios@0.19.2/dist/axios.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/@koumoul/vjsf@2.23.2/dist/main.js'></script>
<script src='https://cdn.jsdelivr.net/npm/@koumoul/vjsf@2.23.2/dist/third-party.js'></script><script  src="./script.js"></script>

</body>
</html>