Skip to content

Quill docs

Drawer

An edge-anchored modal drawer or persistent sidebar, with side and surface axes.

Preview#

This preview is server-rendered from the real qquill-design builder; the page ships the component CSS that builder returns, so the docs cannot drift from the crate API.

Design-system contract#

  • BUILT: modal drawers render role=dialog; sidebars render a complementary landmark.
  • BUILT: side is a data attribute that drives the CSS slide direction.
  • Interactive: `.island(...)` wires trigger/close behavior while preserving the SSR fallback.

Code#

Construct the component with its builder:

Drawer::modal("settings", body_node)
    .title("Project settings")
    .side(Side::Right)
    .open(true)
    .render()