Pagination - Pharen

Mit Pagination kannst du eine Aktion oder Navigation aufzubauen. Diese Seite dokumentiert alle Vue-Komponenten, die das Modul öffentlich exportiert.

Installiere das Paket und importiere die Styles einmalig. Die vollständigen Schritte findest du unter Installation.

Import

import { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { Pagination, PaginationItem } from '@pharen/ui';
</script>

<template>
  <Pagination>
    <PaginationItem>First item</PaginationItem>
  </Pagination>
</template>

Exporte

Export	Aufgabe
`Pagination`	Exportierte Vue-Komponente dieses Moduls.
`PaginationContent`	Enthält den sichtbaren Inhalt.
`PaginationEllipsis`	Exportierte Vue-Komponente dieses Moduls.
`PaginationFirst`	Exportierte Vue-Komponente dieses Moduls.
`PaginationItem`	Stellt ein einzelnes Element dar.
`PaginationLast`	Exportierte Vue-Komponente dieses Moduls.
`PaginationLink`	Exportierte Vue-Komponente dieses Moduls.
`PaginationNext`	Exportierte Vue-Komponente dieses Moduls.
`PaginationPrevious`	Exportierte Vue-Komponente dieses Moduls.

Quellcode

Quellcode auf GitHub öffnen