Does Ionic Has Drawers

nvispute · October 18, 2021, 6:43am

Can we create Ion-Drawers… something like we can slide from down to show options?
i could not find any standard Ion component like that…

Tommertom · October 18, 2021, 7:31am

Hi
Ionic 6 will have this.

github.com

ionic-team/ionic-framework/blob/f3e492c897c8cda2b98050156f130654f4d7014a/BETA.md

# Ionic Framework v6 Beta

Thanks for your interest in trying out the Framework v6 beta! We are looking for developers to help test our new changes and provide feedback so that we can make Framework v6 the best release yet! Follow this guide to get setup with the beta.

## Installation

We have worked to make the Framework v6 migration as easy as possible, so the upgrade process should be a breeze!

Developers can follow the guide below to begin updating their existing apps to Framework v6. If you want to try out Framework v6 in a new app, you can create a starter application using `ionic start` with the Ionic CLI and then follow the guide below. See https://ionicframework.com/docs/intro/cli for information on how to get started with a new Ionic Framework application.

> Note: Framework v6 is currently in beta, so do not push any apps running v6 to production!

### Ionic Vue

Ionic Vue developers should first begin by upgrading to the latest version of `vue` and `vue-router`. As of Framework v6, `vue@3.0.6+` is required.

```shell
npm install vue@next vue-router@4
```

This file has been truncated. show original

It will be part of the Modal component - don’t know by heart the parameter

nvispute · October 18, 2021, 11:13am

sweet i am using Ionic 6.16.3 Atleast thats what i get when i do ionic -v However in my app package.json i see "@ionic/vue":"^5.4.0"

Will this work.

Tommertom · October 18, 2021, 1:51pm

No clue - not working in Vue. But I reckon Ionic teams deploys for all its current frameworkers, including Vue.

Please note, ionic -v gives you the version of the CLI, not the framework. And for a while, the Ionic CLI is at v6.

In fact, if you have 5.4.0 in your package.json, you are not using Ionic Framework v6.

Check the link to see how you can start working on the Release Candidate for Ionic Framework V6, which holds the goodies you are looking for.

aaronksaunders · October 18, 2021, 3:52pm

npm install @ionic/vue@next @ionic/vue-router@next

that should install the latest v6 components - quick video id did with the “drawer”, “bottom sheet” - Ionic Framework VueJS - Working with Modal, Bottom Sheet Drawer and DateTime in Beta v6 - YouTube

nvispute · October 19, 2021, 2:44am

I am trying to make a UI similar to the google map

I am unable to figure out how i can make the bottom sheet drawer that i can swipe up to show more…

aaronksaunders · October 19, 2021, 3:58am

So what is your specific question related to the documentation provided? Please post what you have tried

nvispute · October 19, 2021, 4:25pm

Figured out the issue i was facing and was able to achieve the swipe up transtition for bottom drawer
Here is the GIT link for the same

Topic		Replies	Views
Ionic Framework 6 bottom drawer Ionic Framework	1	1580	June 24, 2021
Ionic Framework 6 bottom drawer? Ionic Framework announcement	1	1399	December 7, 2022
Migrating from v5 to v6 Ionic Angular	2	1629	September 29, 2021
Vue Skeleton/Starter for Core Ionic Framework	0	304	May 28, 2019
Ionic Vue status? Ionic Framework	2	525	March 17, 2020

Does Ionic Has Drawers

Related topics