pantoken / renderers/web-components/src / drawerLayout

Változó: drawerLayout

const drawerLayout: ElementDefinition

Alfa

<instui-drawer-layout> — egy oldalsó fiók plusz főtartalom egy átméretezhető sorban. A open attribútum felfedi a fiókot; a placement (start|end) kiválasztja az oldalt; egy húzási fogantyú átméretezi a --drawer-width egyéni tulajdonságot (8–40rem között rögzítve) mutatóragadáson keresztül. Vezérelhető a könnyű DOM-ból az Invoker Commands-on keresztül: <button command="--toggle|--open|--close" commandfor="drawer-id">. A tartalom az alapértelmezett slotba kerül; a fiók a slot="tray"-be.

Példa

<button command="--toggle" commandfor="drawer">Toggle panel</button>
<instui-drawer-layout id="drawer" open placement="start">
  <nav slot="tray">…</nav>
  <article>Main content</article>
</instui-drawer-layout>

…

Main content