pantoken / renderers/web-components/src / tray

Variable: tray

const tray: ElementDefinition

Alpha

<instui-tray> — a panel docked to a viewport edge, backed by a native [popover] (top layer + light-dismiss). placement maps to -placement-<value> (e.g. start, end, top, bottom) and size to -size-<value>; a light-DOM popovertarget button toggles it by id. Content goes in the default slot.

Example

<button popovertarget="nav">Menu</button>
<instui-tray id="nav" placement="start" size="small">…</instui-tray>

…