Pager

Pager dienen dazu, Seiten oder Kapitel durchzublättern: Beispiel

Varianten

Pager

Vorschau

zurück

weiter

Code

<wm-section highlight="nebelgrau">
  <wm-pager>
    <wm-cta start="" style="--cta-padding-block:0" slot="prevLink">
      <a href="#">zurück</a>
    </wm-cta>
    <wm-cta style="--cta-padding-block:0" slot="nextLink">
      <a href="#">weiter</a>
    </wm-cta>
  </wm-pager>
</wm-section>

Dev

Interaktive Demo

Vorschau

zurück

weiter

Code

<wm-pager>
  <wm-cta start="" style="--cta-padding-block:0" slot="prevLink">
    <a href="#">zurück</a>
  </wm-cta>
  <wm-cta style="--cta-padding-block:0" slot="nextLink">
    <a href="#">weiter</a>
  </wm-cta>
</wm-pager>

API

wm-pager

Eigenschaften

Eigenschaften
Eigenschaft	Beschreibung	Werte	Default
`prevText`	Überschrift für den "Zurück"-Link. Re-evaluates msg() on every access to pick up locale changes.	`String`	`"Voriges Kapitel:"`
`nextText`	Überschrift für den "Weiter"-Link. Re-evaluates msg() on every access to pick up locale changes.	`String`	`"Nächstes Kapitel:"`
`hidePrev`		`boolean`
`hideNext`		`boolean`

Slots

Name	Beschreibung
`prevLink`	Verlinkung zur vorigen Seite
`nextLink`	Verlinkung zur nächsten Seite

Kontakt

Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht bietet?

handbuch@ma53.wien.gv.at