Components
Loading preview...
This is a dialog component
npx shadcn@latest add https://21st.dev/r/lyanchouss/one-dialogimport { Button } from '@/components/ui/button'
import {
Dialog,
DialogClose,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
DialogTrigger,
} from '@/components/ui/dialog'
export function Dialog10() {
return (
<Dialog>
<DialogTrigger asChild>
<Button variant="outline">Submit feedback</Button>
</DialogTrigger>
<DialogContent showCloseButton={false} className="sm:max-w-md">
<DialogHeader>
<DialogTitle>Thanks for your feedback</DialogTitle>
<DialogDescription>
We read every response. Use the footer to dismiss — there is no
corner close button on this dialog.
</DialogDescription>
</DialogHeader>
<DialogFooter>
<DialogClose asChild>
<Button className="w-full sm:w-auto">Done</Button>
</DialogClose>
</DialogFooter>
</DialogContent>
</Dialog>
)
}
export default Dialog10