Modal
An overlay dialog that focuses the user's attention on a single task or piece of information. The page behind is blocked from interaction until the modal is dismissed.
<diwa-button variant="primary">Open Modal</diwa-button>
<diwa-modal heading="Dialog title" dismiss-button backdrop="blur" theme="dark">This is the modal body. Add your content here — forms, descriptions, or any interactive elements that require the user's full attention.</diwa-modal>