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.

PaginationLink

Name	Type	Default	Description
Page	string	false	Defines the page name.
Clicked	event		Occurs when the item link is clicked.