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

© 2024  inniti