pantoken / 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">First <button command="--push" commandfor="p" data-page="two">Next</button></section>
  <section data-page="two">Second <button command="--back" commandfor="p">Back</button></section>
</instui-pages>

First

Second