Drawer
<script lang="ts" setup>import { ref } from "vue";import { NNDrawer } from "@fronntui/vue";
const drawer = ref();
const open = () => { drawer.value.open();};</script>
<template> <NNDrawer ref="drawer"> <p> Adipisicing irure eiusmod cupidatat ex proident nisi non culpa cillum non quis id deserunt voluptate enim. Enim quis elit ipsum consectetur eiusmod amet adipisicing ex magna exercitation reprehenderit officia. Voluptate est dolor voluptate aliquip incididunt quis. Consequat exercitation non magna amet incididunt dolor consequat cupidatat. Exercitation aliqua culpa tempor qui esse proident voluptate laborum labore eu anim duis ex sint voluptate. </p> </NNDrawer></template>
Props
Name
Type
side
'left' | 'right'
Side on which the drawer shall open. Defaults to right
.
teleport
string
The container element in which the component shall be rendered. Defaults to
body
.
Events
Name
Payload
open
–
Fired when the drawer is opened
close
–
Fired when the drawer is closed
Slots
Name
Payload
default
–
Drawer content
title
–
Optional title
Expose
Property
Binding
open
–
Open drawer
close
–
Close drawer