Elektron System

Interactive Playground

Explore the versatility of OnoffCanvas with directional, positional, and interactive demos.

Directional (Absolute)

Revealing from various directions relative to parent container.

Canvas Container

Start Panel

Standard side navigation reveal.

End Panel

Elegant secondary actions.

Notification Banner

Quick Console

Focus Mode

Interaction Models

Different ways to interact with the panels.

Hover Area

Instant Action Required

Navigation Entries

Anchor Link Selector

Viewport Overlays (Fixed)

Full-screen overlays with glassmorphic drawers.

Sidebar Over

A high-fidelity fixed panel example with full backdrop support and focus trap simulation.

Inspector

Premium Modal

This panel uses `is-center` combined with `is-fixed` to achieve a professional-grade modal interaction.