Modal – Nextra

An animated popup window for explainers, lead generation, forms, etc.

page.js

import Modal from "@/components/Modal";
 
export default function Component() {
  const [isModalOpen, setIsModalOpen] = useState(false);
 
  return <Modal isOpen={isModalOpen} setIsOpen={setIsModalOpen} />;
}

Looking for UI-only components like buttons, inputs, etc? It’s all available with daisyUI. See this guide for more info.

Rating Security