Components > Modal

Name: NextStarterAI
Price: 169.00 USD
Rating: 4.8 (314 reviews)

YourLandingPageComponent.tsx

import { Modal } from "@/components/landing-components";

In case you you want to show a modal in your landing page, we've one for you! Since every modal is slightly different, it is an unopinionated one and you can customize it easily. Simply change the content and style(how big you want it etc) and use it inside your landing page components!

YourLandingPageComponent.tsx

  const YourLandingPageComponent = () => {
    // rest of your component. 
    const [isModalOpen, setIsModalOpen] = useState<boolean>(false);

    return (
          <button  // a button inside your component to trigger modal open.
            onClick={()=>{
                setIsModalOpen(true);
            }}
          /> 
        )