wm-drawer test — DRIPSHQ sandbox

wm-drawer test

Standalone sandbox to confirm the drawer custom element actually works, independent of any site styling.

1. Runtime check

checking…

2. Right drawer (default)

Direction = right, width = 420px. Click → slides in from the right.

Hello from inside the drawer

If you can see this in a sliding panel on the right, the custom element is loaded and Tailwind utility classes (fixed, z-50, translate-x-full, transition-transform) are doing their job.

Click the dark backdrop to close.

3. Left drawer

Slides from the left

Another instance proving multiple drawers can coexist.

4. Top drawer (smaller height)

Sheet from the top

Useful for filter / sort panels on mobile.

5. Programmatic control

Same drawer, opened via window.appmint.ui.drawer('test-prog', 'open').

Programmatically opened

Closed by clicking the backdrop or this button:

6. Console diagnostics

running…

Your Cart

Your cart is empty

Add products or rentals to get started.

Continue Shopping

Quick View