Skip to content

Drawer

A slide-in panel from the left or right of the screen to display additional content.

Usage

javascript
import { ref } from 'vue';
import { Drawer } from '@youcan/alto';

const showDrawer = ref(false);
vue
<Drawer v-model:visible="showDrawer">
    Drawer Content
</Drawer>

API Reference

Example

Left position