
Payment success confirmation dialog with green check avatar, success message, and primary CTA to continue to dashboard.
@shadcn-studio
import { Button } from '@/registry/new-york/ui/button'
import SuccessfulDialog from '@/registry/new-york/components/blocks/dashboard-dialog-21/dialog-successful'
const DialogPage = () => {
return (
<div className='flex h-dvh items-start justify-center p-8'>
<SuccessfulDialog
defaultOpen
trigger={
<Button variant='outline'>
<span>Payment </span>
</Button>
}
/>
</div>
)
}
export default DialogPage

































