Slate
View as Markdown Open in v0 Open in ChatGPT Open in Claude Open in Scira

Pagination

Pagination with page navigation, next and previous links.

Usage
example.blade.php 
<x-slate::pagination>
    <x-slate::pagination-content>
        <x-slate::pagination-item>
            <x-slate::pagination-previous href="#" />
        </x-slate::pagination-item>
        <x-slate::pagination-item>
            <x-slate::pagination-link href="#">1</x-slate::pagination-link>
        </x-slate::pagination-item>
        <x-slate::pagination-item>
            <x-slate::pagination-link href="#" is-active>2</x-slate::pagination-link>
        </x-slate::pagination-item>
        <x-slate::pagination-item>
            <x-slate::pagination-link href="#">3</x-slate::pagination-link>
        </x-slate::pagination-item>
        <x-slate::pagination-item>
            <x-slate::pagination-ellipsis />
        </x-slate::pagination-item>
        <x-slate::pagination-item>
            <x-slate::pagination-next href="#" />
        </x-slate::pagination-item>
    </x-slate::pagination-content>
</x-slate::pagination>

Composition
code 
Pagination
└── PaginationContent
    └── PaginationItem
        ├── PaginationPrevious
        ├── PaginationLink
        ├── PaginationEllipsis
        └── PaginationNext

API Reference
Prop Type Default Description
is-active bool false Marks the current page
size default | icon | sm icon Control size
href string # Link target
Last updated .