pantoken-root / renderers/web-components/src / pages

Változó: pages

const pages: ElementDefinition

Alfa

<instui-pages> — egyszerre egy slotba helyezett [data-page] panelt mutat, a View Transitions API-val cserélve, ha elérhető (egyébként egy egyszerű kapcsoló). A push(id)/back() egy előzménykészletet tart; a active attribútum az aktuális oldalt tükrözi, és beállítható a navigációhoz, és egy buborékzó change esemény (detail.page) minden cseréhez kiváltódik. Vezérelhető a könnyű DOM-ból az Invoker Commands-on keresztül: <button command="--push" commandfor="pages-id" data-page="…"> és <button command="--back" commandfor="pages-id">.

Példa

<instui-pages active="one">
  <section data-page="one">Első <button command="--push" commandfor="p" data-page="two">Következő</button></section>
  <section data-page="two">Második <button command="--back" commandfor="p">Vissza</button></section>
</instui-pages>