https://github.com/mathsgod/formkit-ionic
https://github.com/mathsgod/formkit-ionic
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mathsgod/formkit-ionic
- Owner: mathsgod
- Created: 2022-11-11T08:08:36.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-23T02:40:20.000Z (over 3 years ago)
- Last Synced: 2024-12-25T14:41:20.451Z (over 1 year ago)
- Language: Vue
- Size: 220 KB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# formkit-ionic
## Setup
1. This plugin requires the [Ionic](https://ionicframework.com/docs/vue/quickstart) and [FormKit](https://formkit.com/)
2. Setup in main.ts
```typescript
const app = createApp(App);
import { plugin, defaultConfig } from '@formkit/vue'
import { createIonicPlugin } from "formkit-ionic";
app.use(plugin, defaultConfig({
plugins: [createIonicPlugin()]
}))
```
## Usage
### Basic
```html
import { ref } from "vue";
let data = ref({})
let options = {
bacon: 'Bacon',
sausage: 'Sausage',
egg: 'Egg',
cheese: 'Cheese',
tomato: 'Tomato',
mushroom: 'Mushroom',
onion: 'Onion',
pepper: 'Pepper',
lettuce: 'Lettuce',
avocado: 'Avocado',
olive: 'Olive',
corn: 'Corn',
carrot: 'Carrot',
cucumber: 'Cucumber',
};
let onSubmit = () => {
console.log(data.value);
};
{{ data }}
Sign In
```