Diwa Design System

Popover

A lightweight contextual panel that reveals additional information when a trigger is activated. Closes on Escape or clicking outside.

Properties

NameTypeDefaultDescription
direction'top' | 'bottom' | 'start' | 'end''bottom'Preferred direction the panel opens relative to the trigger.
descriptionstringShort text rendered directly in the panel. Use this for a single sentence; use the default slot for richer content.
theme'dark' | 'light''dark'Per-component theme override.

Events

diwa-popover emits no custom events. Open/close state is managed internally.

Slots

SlotDescription
defaultContent rendered inside the popover panel. Use for rich content such as lists or formatted text.
buttonCustom trigger element. When provided, replaces the default info icon button.