Documentation

Documentation / @zerotal/flow / index / Drawer

Function: Drawer()

Drawer(props): HtmlNode

Defined in: flow/src/components.ts:1379

A slide-over panel — the edge-anchored sibling of Modal. Bind show to an @expose boolean; backdrop click, the × button and Escape all close it locally with no server round-trip, and focus is trapped while open.

Parameters

props

DrawerProps

Returns

HtmlNode

Remarks

Slides in from side (default "right"; also "left", "top", "bottom"). title fills the header, closable (default true) renders the × button, and onClose overrides the default close action. The prop name is auto-resolved; override with name.

Example

<Drawer show={this.cart} side="right" title="Your cart">
  <CartItems />
</Drawer>