alert-dialog

shadcn-vue/alert-dialog

FreeComponent

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/alert-dialog.json

Source

ui/alert-dialog/AlertDialog.vueshadcn-vue.com/r/styles/new-york/alert-dialog.json

1<script setup lang="ts">
2import type { AlertDialogEmits, AlertDialogProps } from "reka-ui"
3import { AlertDialogRoot, useForwardPropsEmits } from "reka-ui"
4 
5const props = defineProps<AlertDialogProps>()
6const emits = defineEmits<AlertDialogEmits>()
7 
8const forwarded = useForwardPropsEmits(props, emits)
9</script>
10 
11<template>
12  <AlertDialogRoot v-bind="forwarded">
13    <slot />
14  </AlertDialogRoot>
15</template>

What it pulls in

npm packages

reka-ui
@vueuse/core

Other registry items

button

Files it writes

ui/alert-dialog/AlertDialog.vue
ui/alert-dialog/AlertDialogAction.vue
ui/alert-dialog/AlertDialogCancel.vue
ui/alert-dialog/AlertDialogContent.vue
ui/alert-dialog/AlertDialogDescription.vue
ui/alert-dialog/AlertDialogFooter.vue
ui/alert-dialog/AlertDialogHeader.vue
ui/alert-dialog/AlertDialogTitle.vue
ui/alert-dialog/AlertDialogTrigger.vue
ui/alert-dialog/index.ts

More from shadcn-vue

All 65 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
accordionaccordion	shadcn-vue	Components	Free	2 deps · 5 files
alertalert	shadcn-vue	Components	Free	no deps · 4 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
bubblebubble	shadcn-vue	Components	Free	1 dep · 5 files