History

Vladimir Khvan 719ffe2b60 Merge branch 'develop' into feature/data-migration Conflicts: packages/client/src/routes/portalSettings.js packages/client/src/store/DialogsStore.js packages/client/src/store/index.js packages/common/constants/index.js packages/components/file-input/index.js packages/components/paging/index.js packages/components/progress-bar/index.js packages/components/row/index.js packages/components/table-container/TableGroupMenu.js packages/components/themes/base.js packages/shared/api/settings/index.ts packages/shared/components/paging/Paging.styled.ts packages/shared/components/table/sub-components/TableHeaderCell.tsx packages/shared/utils/catalogIconHelper.ts public/locales/en/Common.json		2024-02-13 16:16:29 +05:00
..
index.tsx	Shared:Components:Paging: rewrite to typescript	2023-12-25 17:28:45 +03:00
paging.stories.tsx	Shared:Components:Paging: rewrite to typescript	2023-12-25 17:28:45 +03:00
Paging.styled.ts	Merge branch 'develop' into feature/data-migration	2024-02-13 16:16:29 +05:00
paging.test.tsx	Shared:Components:Paging: rewrite to typescript	2023-12-25 17:28:45 +03:00
Paging.tsx	Merge branch 'develop' into feature/data-migration	2024-02-13 16:16:29 +05:00
Paging.types.ts	Shared:Components:Paging: rewrite to typescript	2023-12-25 17:28:45 +03:00
README.md	Shared:Components:Paging: rewrite to typescript	2023-12-25 17:28:45 +03:00

README.md

Paging

Paging is used to navigate med content pages

Usage

import Paging from "@docspace/shared/components";

<Paging
  previousLabel="Previous"
  nextLabel="Next"
  selectedPageItem={{ label: "1 of 1" }}
  selectedCountItem={{ label: "25 per page" }}
  previousAction={() => console.log("Prev")}
  nextAction={() => console.log("Next")}
  openDirection="bottom"
  onSelectPage={(a) => console.log(a)}
  onSelectCount={(a) => console.log(a)}
/>

Properties

Props	Type	Required	Values	Default	Description
`className`	`string`	-	-	-	Accepts class
`countItems`	`array`	-	-	-	Items per page combo box items
`disableNext`	`bool`	-	-	`false`	Set next button disabled
`disablePrevious`	`bool`	-	-	`false`	Set previous button disabled
`id`	`string`	-	-	-	Accepts id
`nextAction`	`function`	-	-	-	Action for next button
`nextLabel`	`string`	-	-	`Next`	Label for next button
`openDirection`	`string`	-	`top`, `bottom`	`bottom`	Indicates opening direction of combo box
`pageItems`	`array`	-	-	-	Paging combo box items
`previousAction`	`function`	-	-	-	Action for previous button
`previousLabel`	`string`	-	-	`Previous`	Label for previous button
`selectedCountItem`	`object`	-	-	-	Initial value for countItems
`selectedPageItem`	`object`	-	-	-	Initial value for pageItems
`style`	`obj`, `array`	-	-	-	Accepts css style