719ffe2b60
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 |
||
---|---|---|
.. | ||
index.tsx | ||
paging.stories.tsx | ||
Paging.styled.ts | ||
paging.test.tsx | ||
Paging.tsx | ||
Paging.types.ts | ||
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 |