Overlays components | UI Showcase
WRNexus UI
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 or use the trigger button

Overlays

Context Menu

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

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.

Click the trigger to open the menu

Overlays

Dropdown

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

Click the trigger to open the modal

Overlays

Modal

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

Click the trigger to open the popover

Overlays

Popover

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

Helpful information A polished default tooltip for a modern application.

Hover, focus, or click the trigger

Overlays

Tooltip

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