Drawers

[kylewallace]

Thoughts on adding a "drawer" component in addition to the modal and in support of the sidebar?

I've done a bit of digging and from what I understand a drawer is conceptually different as it can offer contextual (but optional) support to a feature on the page:

A modal is an overlay that blocks interaction with the background (useful for confirmations, alerts, or forms requiring user focus).

A drawer is a temporary panel that slides in from the screen edge and allows background interactions (useful for inline filters or forms.

A sidebar is a persistent vertical panel, typically docked to the side of the screen (when collapsible it could behave like a drawer or a modal).

Suggested implementation is to leverage the existing structure of the modal (flyout variant) and use show() instead of showModal() to open the drawer.