Skip to content

pantoken / renderers/web-components/src / tray

Változó: tray

const tray: ElementDefinition

Alfa

<instui-tray> — egy nézőport szélén dokkolva lévő panel, amely egy natív [popover]-al van támogatva (felső réteg + könnyű elutasítás). placement a -placement-<value>-ra képezi le (pl. start, end, top, bottom) és size a -size-<value>-ra; egy light-DOM popovertarget gomb azonosító alapján kapcsolgatja. A tartalom az alapértelmezett slotba kerül.

Példa

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