total
必須説明
The total number of pages in pagination.
タイプ
numberPagination
Paginationは、コンテンツのページ分割とナビゲーションを管理するためのコンポーネントです。
Props
PaginationProps
boundaries
説明
Number of elements visible on the left/right edges.
タイプ
UIValue<number>デフォルト
1colorScheme
説明
The visual color appearance of the component.
タイプ
"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "danger" | "rose" | "pink" | "flashy" | "orange" | "warning" | "amber" | "yellow" | "lime" | "green" | "success" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "primary" | "info" | "link" | "indigo" | "violet" | "secondary" | "purple" | "fuchsia"デフォルト
primarycomponent
説明
The pagination button component to use.
タイプ
FC<PaginationItemProps>controlNextProps
説明
Props for next of the control button element.
タイプ
HTMLUIProps<"button">controlPrevProps
説明
Props for previous of the control button element.
タイプ
HTMLUIProps<"button">controlProps
説明
Props for control button element.
タイプ
HTMLUIProps<"button">defaultPage
説明
The initial page of the pagination.
Should be less than total and greater than 1.
タイプ
numberデフォルト
1edgeFirstProps
説明
Props for first of the edge button element.
タイプ
HTMLUIProps<"button">edgeLastProps
説明
Props for last of the edge button element.
タイプ
HTMLUIProps<"button">edgeProps
説明
Props for edge button element.
タイプ
HTMLUIProps<"button">innerProps
説明
Props for inner element.
タイプ
HTMLUIProps<"div">isDisabled
説明
If true, the pagination all item will be disabled.
タイプ
booleanデフォルト
falseitemProps
説明
Props for button element.
タイプ
HTMLUIProps<"button">onChange
説明
The callback invoked when the page changes.
タイプ
(page: number) => voidpage
説明
The page of the pagination.
Should be less than total and greater than 1.
タイプ
numbersiblings
説明
Number of siblings displayed on the left/right side of selected page.
タイプ
UIValue<number>デフォルト
1size
説明
The size of the Pagination.
タイプ
"xs" | "sm" | "md" | "lg" | "xl"デフォルト
mdvariant
説明
The variant of the Pagination.
タイプ
"solid" | "outline" | "ghost" | "unstyled"デフォルト
solidwithControls
説明
If true, display the control buttons.
タイプ
UIValue<boolean>デフォルト
truewithEdges
説明
If true, display the edge buttons.
タイプ
UIValue<boolean>デフォルト
falseUsePaginationProps
total
必須説明
The total number of pages in pagination.
タイプ
numberboundaries
説明
Number of elements visible on the left/right edges.
タイプ
UIValue<number>デフォルト
1defaultPage
説明
The initial page of the pagination.
Should be less than total and greater than 1.
タイプ
numberデフォルト
1isDisabled
説明
If true, the pagination all item will be disabled.
タイプ
booleanデフォルト
falseonChange
説明
The callback invoked when the page changes.
タイプ
(page: number) => voidpage
説明
The page of the pagination.
Should be less than total and greater than 1.
タイプ
numbersiblings
説明
Number of siblings displayed on the left/right side of selected page.
タイプ
UIValue<number>デフォルト
1GitHubでこのページを編集する