File tree Expand file tree Collapse file tree 1 file changed +26
-1
lines changed Expand file tree Collapse file tree 1 file changed +26
-1
lines changed Original file line number Diff line number Diff line change @@ -122,7 +122,7 @@ export function openBottomSheet(args) {
122
122
123
123
##
124
124
125
- ### NativeScript + Vue
125
+ ### NativeScript + Vue 2
126
126
``` typescript
127
127
import Vue from ' nativescript-vue' ;
128
128
import BottomSheetPlugin from ' @nativescript-community/ui-material-bottomsheet/vue' ;
@@ -141,6 +141,31 @@ const options: VueBottomSheetOptions = {
141
141
this .$showBottomSheet (MyComponent , options )
142
142
```
143
143
144
+ ### NativeScript + Vue 3
145
+ ``` typescript
146
+ import Vue from ' nativescript-vue' ;
147
+ import { BottomSheetPlugin } from ' @nativescript-community/ui-material-bottomsheet/vue-3' ;
148
+ import { install } from " @nativescript-community/ui-material-bottomsheet" ;
149
+ install ();
150
+
151
+ app .use (BottomSheetPlugin );
152
+ ```
153
+ Then you can show a Vue component:
154
+ ``` typescript
155
+ import { useBottomSheet } from " @nativescript-community/ui-material-bottomsheet/vue-3" ;
156
+ import MyComponent from ' MyComponent.vue' ;
157
+
158
+
159
+ const options: VueBottomSheetOptions = {
160
+ ...
161
+ };
162
+
163
+ const { showBottomSheet, closeBottomSheet } = useBottomSheet ()
164
+
165
+ showBottomSheet (MyComponent , options );
166
+ closeBottomSheet ();
167
+ ```
168
+
144
169
##
145
170
146
171
### NativeScript + Angular
You can’t perform that action at this time.
0 commit comments