Quartz Headless docs/DrawerService

Search documentation

Type to search the documentation.

API: Primitives

DrawerService

A side-anchored modal.

Overview

A side-anchored modal. It is a DialogService dialog — same focus trap, focus restoration, background inertness, scroll lock and Escape/backdrop dismissal — anchored to an edge, with exit presence on by default. Consumers own width, height and appearance.

The panel carries data-qz-drawer, data-side (physical edge) and data-state (opening | open | closing). Style [data-state='closing'] for the exit transition.

Public methods

open

open(templateRef: TemplateRef<unknown>, viewContainerRef: ViewContainerRef, config?: Partial<DrawerConfig>): DialogRef
Parameter Type Optional Description
templateRef TemplateRef<unknown>
viewContainerRef ViewContainerRef
config Partial<DrawerConfig> Yes