Created
March 3, 2022 08:48
-
-
Save mdixon4/b6a4f50844660374f90186d43deef88e to your computer and use it in GitHub Desktop.
Formkit issue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Sign up form</title> | |
| <link | |
| rel="stylesheet" | |
| href="https://cdn.jsdelivr.net/npm/@formkit/themes@next/dist/genesis/theme.css" | |
| /> | |
| <script type="module"> | |
| import { createApp, reactive } from 'https://cdn.jsdelivr.net/npm/vue@3/dist/vue.esm-browser.js' | |
| import { plugin, defaultConfig } from 'https://cdn.jsdelivr.net/npm/@formkit/vue/+esm' | |
| createApp({ setup }) | |
| .use(plugin, defaultConfig) | |
| .mount('#app') | |
| function setup () { | |
| const data = reactive({ | |
| name: '', | |
| favouriteFood: '', | |
| }) | |
| return { | |
| data | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div id="app"> | |
| <form-kit v-model="data.name" | |
| name="name" | |
| type="text" | |
| label="Name" | |
| validation="required" | |
| /> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment