Modal

Trigger a modal window to appear above your website content

Modals are a great way to display additional content without taking visitors away from the current page. They’re perfect for things like forms, galleries, announcements, or anything that needs a little more focus.

In Elements, modals are easy to set up and fully customisable, you can trigger them from buttons, links, or other interactive components. When opened, the modal appears above your content with a subtle background overlay, helping draw attention to what matters.

Whether you’re collecting signups or showcasing a product feature, the Modal component gives you a clean, accessible way to do it.

Modal Close Component

The Modal Close component is used to close an open modal, simple as that!

It can be added anywhere inside your modal content, and is most commonly used as a button or icon in the top-right corner. You can fully style it to match your design, and even add multiple close buttons if needed (handy for “Cancel” actions at the bottom of a form, for example).

When clicked, it seamlessly hides the modal and returns the user to the main content, no extra setup required.