Pagination

Default 
<x-app-ui::paginator>
    <x-app-ui::paginator.item icon="iconic-chevron-left" disabled />

    <x-app-ui::paginator.item label="1" active />

    <x-app-ui::paginator.item label="2" />

    <x-app-ui::paginator.item separator />

    <x-app-ui::paginator.item label="8" />

    <x-app-ui::paginator.item label="9" />

    <x-app-ui::paginator.item icon="iconic-chevron-right" />
</x-app-ui::paginator>
Flat 
<x-app-ui::paginator flat>
    <x-app-ui::paginator.item icon="iconic-chevron-left" />

    <x-app-ui::paginator.item label="1" />

    <x-app-ui::paginator.item label="2" active />

    <x-app-ui::paginator.item separator />

    <x-app-ui::paginator.item label="8" />

    <x-app-ui::paginator.item label="9" />

    <x-app-ui::paginator.item icon="iconic-chevron-right" />
</x-app-ui::paginator>

API

app-ui::paginator

Attributes

Name Default Options Notes
align center left, center, right
flat false Boolean expression

Slots

Name Notes
Main Contains the child app-ui::paginator.item components to display inside the paginator.

app-ui::paginator.item

Attributes

Name Default Options Notes
active false Boolean expression
disabled false Boolean expression
icon Any Blade icon component name
label
separator false Boolean expression
tag button a, button Defines the underlying HTML tag used, and thus the button's capabilities. For example, only a buttons may use the href attribute.