Options
All
  • Public
  • Public/Protected
  • All
Menu

Module view/PaginatedList

Type aliases

Variables

Functions

Type aliases

Props

Props: object

React props for PaginatedList component

Type declaration

  • children: function

    Function taking take items from the collection after skipping skip items

      • (skip: number, take: number): React.ReactNode[]

      • Parameters

        • skip: number
        • take: number

        Returns React.ReactNode[]

  • Optional perPage?: undefined | number

    Count of items which should be displayed on one page

  • total: number

    Total number of items in the collection

Variables

Const useStyles

useStyles: function = makeStyles(theme => ({ul: {placeContent: "space-evenly",flexWrap: "nowrap",marginTop: "10px",}}))

CSS style hook for PaginatedList component

Type declaration

    • (props?: any): ClassNameMap<ClassKey>

    • Parameters

      • Optional props: any

      Returns ClassNameMap<ClassKey>

Functions

Const PaginatedList

  • PaginatedList(__namedParameters: object): Element

  • Helper React Component, creating pagination for collection of elements. It handles the page switching itself, children for this component is therefore expected in form of function returning slice of data based on take and skip parameters.

    Parameters

    • __namedParameters: object
      • children: function
          • (skip: number, take: number): React.ReactNode[]

          • Parameters

            • skip: number
            • take: number

            Returns React.ReactNode[]

      • perPage: number
      • total: number

    Returns Element

Generated using TypeDoc