Flyout
A full-height overlay panel that slides in from the edge of the viewport. Follows the controlled component pattern — the consumer manages open state and responds to the dismiss event.
<diwa-button theme="dark">Open Flyout</diwa-button>
<diwa-flyout position="end" heading="Flyout title" theme="dark">This is the flyout body content. Add any text, forms, or components here.</diwa-flyout>