We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent a470d10 commit f8ce5b5Copy full SHA for f8ce5b5
README.md
@@ -72,6 +72,26 @@ const close = () => {
72
</template>
73
```
74
75
+## Usage with v-model
76
+
77
+```vue
78
+<script setup lang="ts">
79
+import { ref } from "vue";
80
81
+import BottomSheet from "@douxcode/vue-spring-bottom-sheet";
82
+import "@douxcode/vue-spring-bottom-sheet/dist/style.css";
83
84
+const sheet = ref(false);
85
86
+</script>
87
88
+<template>
89
+ <button type="button" @click="sheet = true"> Open bottom sheet </button>
90
+ <BottomSheet v-model="sheet"> Your content </BottomSheet>
91
+</template>
92
+```
93
94
95
## Usage in Nuxt 3
96
97
For Nuxt 3, just wrap component in `<ClientOnly>`
0 commit comments