0.3.10 • Published 2 years ago

@highoutput/hds-pagination v0.3.10

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

Getting started

We aim to build a library of custom ReactJS components that implements our unique UI design conventions. The ReactJS components will be based primarily on Chakra UI components. React Storybook will be used for documentation and testing.

Commands

To install package, use:

npm i @highoutput/hds-pagination

Usage

import { ThemeProvider, Box } from "@highoutput/hds";
import { Pagination } from "@highoutput/hds-pagination";
import { Table } from "@highoutput/hds-table";
import * as React from "react";

export const SamplePage = () => {
  const [page, setPage] = React.useState(1);
  const [pageSize, setPageSize] = React.useState(10);

  return (
    <ThemeProvider>
      <Table
        /*
         *
         * more codes here...
         *
         */
        renderFooter={
          <Box p={4}>
            <Pagination
              variant="minimal"
              page={page}
              pageSize={pageSize}
              count={100}
              hasLegend={false}
              hasPageControls
              onChange={function ({ page, pageSize }) {
                setPage(page);
                setPageSize(pageSize);
              }}
            />
          </Box>
        }
      />
    </ThemeProvider>
  );
};
0.3.10

2 years ago

0.3.8

2 years ago

0.3.1

2 years ago

0.3.9

2 years ago

0.2.22

2 years ago

0.2.21

2 years ago

0.2.20

2 years ago

0.2.19

2 years ago

0.2.17

2 years ago

0.2.16

2 years ago

0.2.15

2 years ago

0.2.14

2 years ago

0.2.13

2 years ago

0.2.12

2 years ago

0.2.11

2 years ago

0.2.4-alpha.0

2 years ago

0.2.5-alpha.0

2 years ago

0.1.28

2 years ago

0.2.10

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.2.7

2 years ago

0.2.9

2 years ago

0.2.8

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.5

2 years ago

0.2.4

2 years ago

0.1.10

3 years ago

0.1.11

3 years ago

0.1.12

3 years ago

0.1.13

3 years ago

0.1.14

3 years ago

0.1.15

3 years ago

0.1.20

3 years ago

0.1.21

3 years ago

0.1.22

3 years ago

0.1.23

3 years ago

0.1.24

2 years ago

0.1.25

2 years ago

0.1.26

2 years ago

0.1.16

3 years ago

0.1.8

3 years ago

0.1.17

3 years ago

0.1.18

3 years ago

0.1.19

3 years ago

0.1.9

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

1.1.4-0.1.0.0

3 years ago

1.1.4-y.0

3 years ago

1.1.3-y.0

3 years ago