Component Props

Configure the Drawer through the builder's prop panel.

All props

Prop	Description	Accepted value	Required
Unique ID For Drawer	Sets a unique identifier on the drawer wrapper	string	Yes
Drawer Class	Appends additional classes to the drawer wrapper	CSS class string	No
Open Trigger Selector	CSS selector for elements that open the drawer	CSS selector string	No
Close Trigger Selector	CSS selector for elements that close the drawer	CSS selector string	No
Open Direction	Slide direction the drawer enters from	top, bottom, left, right	No
Passive Mode	Enable non-modal mode — no overlay, no focus trap	boolean	No
Disable Drag to Close	Prevent swipe-to-close gesture	boolean	No
Handle Only	Restrict drag-to-close to the .c-drawer__handle element	boolean	No
Auto Open	Open automatically on page load	boolean	No
Auto Open Delay	Seconds to wait before auto-opening	number (seconds)	No
Auto Open Reshow	Frequency control for auto-open	every-visit, until-dismissed, once, after-delay	No
Auto Open Reshow Delay	Duration before re-showing after dismissal	duration string (30s, 2h, 7d)	No
Close Anchor Link	Close drawer when a same-page anchor link is clicked	boolean	No
Show In Builder	Keep the drawer visible inside the Etch builder	boolean	No