Components
Loading preview...
Here is Modal component
@arihantcodes_1f7b8c4d
npx shadcn@latest add https://21st.dev/r/arihantcodes_1f7b8c4d/responsive-modalimport React from "react";
import {
ResponsiveModal,
ResponsiveModalContent,
ResponsiveModalDescription,
ResponsiveModalHeader,
ResponsiveModalTitle,
ResponsiveModalTrigger,
} from "@/components/ui/responsive-modal";
import { Button } from "@/components/ui/button";
const ResponsiveModalDemo = () => {
return (
<ResponsiveModal>
<ResponsiveModalTrigger asChild>
<Button variant="outline">Open</Button>
</ResponsiveModalTrigger>
<ResponsiveModalContent>
<ResponsiveModalHeader>
<ResponsiveModalTitle>Are you absolutely sure?</ResponsiveModalTitle>
<ResponsiveModalDescription>
This action cannot be undone. This will permanently delete your
account and remove your data from our servers.
</ResponsiveModalDescription>
</ResponsiveModalHeader>
</ResponsiveModalContent>
</ResponsiveModal>
);
};
export default ResponsiveModalDemo;