Overlays

The shared panel skeleton behind .modal and .drawer, the two opening strategies, and the .dropdown contract.

Overview

Why .modal and .drawer are the same panel, where the class you apply actually lives, and what the four files expect from…

Panel

The shared skeleton behind .modal and .drawer, the two opening strategies, the inline variants and the backdrop.

Modal

The centred panel configuration, and how it centres and shrinks to its content at once.

Drawer

The edge-pinned panel configuration and its four position variants.

Dropdown

A contextual menu positioned against its trigger, with a three-class transition contract.