DocSpace-buildtools/web/ASC.Web.Storybook/stories/paging/base
2019-08-06 10:40:23 +03:00
..
base.paging.stories.js Web: Components: Renamed propertys perPageItems to countItems, onSelectPerPage to onSelectCount and added propertys selectedPage and selectedCount for Paging component. Fixed Paging story and readme. 2019-08-05 15:53:38 +03:00
README.md Web: Components: Fixed selectedOption propType for Paging component. Fixed Paging story. 2019-08-06 10:40:23 +03:00

Paging

Description

Paging is used to navigate med content pages.

Usage

import { Paging } from 'asc-web-components';

<ComboBox 
    previousLabel='Previous' 
    nextLabel='Next'
    pageItems={pageItems} 
    countItems={countItems} 
    previousAction={previousAction} 
    nextAction={nextAction} 
    openDirection='bottom'
    disablePrevious={false}
    disableNext={false}
    selectedPage={1}
    selectedCount={25}
/>

Properties

Props Type Required Values Default Description
pageItems array - - - Paging combo box items
countItems array - - - Items per page combo box items
previousLabel string - - Previous Label for previous button
nextLabel string - - Next Label for next button
previousAction function - - - Action for previous button
nextAction function - - - Action for next button
openDirection string - top, bottom bottom Indicates opening direction of combo box
disablePrevious bool - - false Set previous button disabled
disableNext bool - - false Set next button disabled
selectedPage string,number - - - Initial value for pageItems
selectedCount string,number - - - Initial value for countItems