drawer
shadcn-vue/drawerFreeComponent
shadcn-vue publishes no description for this item.
Live preview
live · rendered by the registry
Rendered by shadcn-vue on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://shadcn-vue.com/r/styles/new-york/drawer.jsonSource
1<script lang="ts" setup>2import type { DrawerRootEmits, DrawerRootProps } from "vaul-vue"3import type { ComputedRef } from "vue"4import { useForwardPropsEmits } from "reka-ui"5import { DrawerRoot } from "vaul-vue"67const props = withDefaults(defineProps<DrawerRootProps>(), {8 shouldScaleBackground: true,9})1011const emits = defineEmits<DrawerRootEmits>()1213const forwarded = useForwardPropsEmits(props, emits) as ComputedRef<Record<string, unknown>>14</script>1516<template>17 <DrawerRoot v-bind="forwarded">18 <slot />19 </DrawerRoot>20</template>
What it pulls in
npm packages
Files it writes
More from shadcn-vue
All 65 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| accordionaccordion | shadcn-vue | Components | Free | 2 deps · 5 files | |
| alertalert | shadcn-vue | Components | Free | no deps · 4 files | |
| alert-dialogalert-dialog | shadcn-vue | Components | Free | 2 deps · 10 files | |
| aspect-ratioaspect-ratio | shadcn-vue | Components | Free | 1 dep · 2 files | |
| attachmentattachment | shadcn-vue | Components | Free | 1 dep · 10 files | |
| avataravatar | shadcn-vue | Components | Free | 2 deps · 4 files | |
| badgebadge | shadcn-vue | Components | Free | 2 deps · 2 files | |
| breadcrumbbreadcrumb | shadcn-vue | Components | Free | 1 dep · 8 files |
