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

متغير: pages

const pages: ElementDefinition

Alpha

<instui-pages> — يعرض لوحَة [data-page] واحدة مخصصة في كل مرة، ويتبادلها مع واجهة برمجة التطبيقات View Transitions عند توفرها (وإلا فمفتاح تبديل بسيط). push(id)/back() تحافظان على مكدس تاريخ؛ السمة active تعكس الصفحة الحالية ويمكن تعيينها للتنقل، وحدث change المتصاعد (detail.page) ينطلق عند كل تبديل. يمكن قيادته من DOM الخفيف عبر أوامر Invoker: <button command="--push" commandfor="pages-id" data-page="…"> و <button command="--back" commandfor="pages-id">.

Example

<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>