A drawer is a native <dialog data-hl-drawer> that slides in from a screen
edge (the side is chosen in CSS). Like the modal, it opens declaratively with
a <button command="show-modal" commandfor="…"> and closes with
command="close", and shares the modal's scroll-lock and open-state API;
only the presentation differs.
A drawer is a native
<dialog data-hl-drawer>that slides in from a screen edge (the side is chosen in CSS). Like the modal, it opens declaratively with a<button command="show-modal" commandfor="…">and closes withcommand="close", and shares the modal's scroll-lock and open-state API; only the presentation differs.