Tailwind CSS Pagination - Props

The following props are available for pagination component. These are the custom props that come with we've added for the pagination component and you can use all the other native props as well.

Attribute Type Description Default
current-page number Current page for table 1
per-page number Per page for table 10
total number Total elements for table 0
size Size Change pagination size md
color Color Change pagination color blue

Types - Size 

type size = "sm" | "md" | "lg"

Types - Color 

type variant = 
    | "blue-gray"
    | "gray"
    | "brown"
    | "deep-blue"
    | "blue"
    | "amber"
    | "yellow"
    | "lime"
    | "light-green"
    | "green"
    | "teal"
    | "cyan"
    | "light-blue"
    | "blue"
    | "indigo"
    | "deep-purple"
    | "purple"
    | "pink"
    | "red"

Related

Examples

Checkout different examples for pagination component.