Loading vjsfsections-as-tabs/src/index.template.html 0 → 100644 +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> Loading
vjsfsections-as-tabs/src/index.template.html 0 → 100644 +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>