Pagination component

Basics

  • <Pagination>
    • <PaginationItem>
      • <PaginationLink>

Example

<Pagination>
    <PaginationItem>
        <PaginationLink>
            <span aria-hidden="true">«</span>
        </PaginationLink>
    </PaginationItem>
    <PaginationItem>
        <PaginationLink>
            1
        </PaginationLink>
    </PaginationItem>
    <PaginationItem>
        <PaginationLink>
            2
        </PaginationLink>
    </PaginationItem>
    <PaginationItem>
        <PaginationLink>
            3
        </PaginationLink>
    </PaginationItem>
    <PaginationItem>
        <PaginationLink>
            <span aria-hidden="true">»</span>
        </PaginationLink>
    </PaginationItem>
</Pagination>

Attributes

Pagination

Name Type Default Description
Size Size None Gets or sets the pagination size.
Alignment Alignment None Gets or sets the pagination alignment.
Background Background None Gets or sets the pagination background color.

PaginationItem

Name Type Default Description
Active boolean false Indicate the currently active page.
Disabled boolean false Used for links that appear un-clickable.
Name Type Default Description
Page string false Defines the page name.
Clicked event   Occurs when the item link is clicked.