
A confirmation dialog for critical actions with clear warning message, action confirmation buttons, and user avatar display for personalization.
@shadcn-studio
import { Button } from '@/registry/new-york/ui/button'
import ConfirmationDialog from '@/registry/new-york/components/blocks/dashboard-dialog-02/dialog-confirmation'
const DialogPage = () => {
return (
<div className='flex h-dvh items-start justify-center p-8'>
<ConfirmationDialog
defaultOpen
trigger={
<Button variant='outline'>
<span>Join</span>
</Button>
}
/>
</div>
)
}
export default DialogPage



























