GDrawer

A side panel drawer using the native Popover API and CSS Anchor Positioning. The drawer anchors itself to a reference element via a CSS anchor name.

Demo

Basic Usage

Side

API

Props

Name	Type	Default	Required	Description
anchor	string		Yes	CSS anchor name (e.g., "--main") that must match the anchor-name property of the element this drawer is anchored to.
side	"right" | "left" | undefined	"right"	No

Slots

Name	Type	Description
activator	{ binding: { popovertarget: any; }; }
default	{ closeBinding: { commandfor: any; command: string; }; }