Skip to content

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

Փոփոխական: pages ​

const pages: ElementDefinition

Ալֆա

&lt;instui-pages&gt; — ցույց է տալիս մեկ տեղավորված [data-page] պանել միաժամանակ, փոխանակելով View Transitions API-ի հետ, երբ հասանելի է (պարզ անջատիչ հակառակ դեպքում): push(id)/back() պահում են պատմության շտաբել; active ատրիբուտը արտացոլում է ընթացիկ էջը և կարող է սահմանվել նավիգացիայի համար, և փուչիկ change իրադարձություն (detail.page) հրդեհում է յուրաքանչյուր փոխանակության համար: Վարվում է թեթև DOM-ից Invoker Commands-ի միջոցով: <button command="--push" commandfor="pages-id" data-page="…"> և <button command="--back" commandfor="pages-id">:

Օրինակ ​

html
<instui-pages active="one">
  <section data-page="one">Առաջին <button command="--push" commandfor="p" data-page="two">Հաջորդ</button></section>
  <section data-page="two">Երկրորդ <button command="--back" commandfor="p">Վերադառնալ</button></section>
</instui-pages>