// Generated by scripts/generate-showcase.mjs. Do not edit directly. page OverlaysShowcase { layout = "showcase" seo { title = "Overlays components" description = "6 overlays components from @wrnexus/ui." } view {
Component category

Overlays

6 unique, responsive, theme-aware components. Open a component to inspect multiple live configurations and its complete props API.

6 componentsMultiple use cases18 live configurations
Right-click for contextual actions

Right-click or use the trigger button

Overlays

Context Menu

Open an accessible keyboard-aware action menu from pointer or keyboard context interactions.

18 props · 4 slotsExplore component

Place forms, filters, navigation, or record details here.

Click the trigger to open the drawer

Overlays

Drawer

Present responsive modal side or bottom content with focus management, backdrop behavior, slots, and close events.

20 props · 4 slotsExplore component

Click the trigger to open the menu

Overlays

Dropdown

Open an accessible anchored menu with keyboard navigation, item selection, actions, and responsive placement.

17 props · 4 slotsExplore component

This request will be submitted for review.

Click the trigger to open the modal

Overlays

Modal

Present an accessible modal dialog with focus management, confirmation, cancellation, slots, and responsive sizing.

29 props · 4 slotsExplore component

Popover content remains attached to its trigger and becomes mobile-friendly on small screens.

Click the trigger to open the popover

Overlays

Popover

Display anchored supporting content with configurable trigger, placement, responsive sizing, and open or close events.

23 props · 4 slotsExplore component

Hover, focus, or click the trigger

Overlays

Tooltip

Show concise accessible contextual help on hover, focus, click, or controlled open state.

17 props · 2 slotsExplore component
} }