0.10.1 • Published 1 year ago

@snack-uikit/pagination v0.10.1

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
1 year ago

Pagination

Installation

npm i @snack-uikit/pagination

TODO

  • обновить цвета pagination slider после переработки палитры
  • подумать о семантике кнопок навигации (возможно, использовать ссылки вместо кнопок и добавлять на них href)
  • пересмотреть механизм переключения страницы при нажатие на многоточие

Example

import { Pagination, PaginationSlider } from "@snack-uikit/pagination";

function App() {
  const [page, setPage] = useState(args.page);

  return (
    <>
      <Pagination page={page} onChange={setPage} total={10}/>
      <PaginationSlider page={page} onChange={setPage} total={10}/>
    </>
  );
}

Changelog

Pagination

Props

nametypedefault valuedescription
onChange*(page: number) => void-Колбек смены значения
page*number-Текущая страница
total*number-Общее количество страниц
maxLengthnumber7Максимальное количество страниц/элементов, помещающихся до транкейта
classNamestring-CSS класснейм
sizeenum Size: "xs", "s"sРазмер

PaginationSlider

Props

nametypedefault valuedescription
onChange*(page: number) => void-Колбек смены значения
page*number-Текущая страница
total*number-Общее количество страниц
classNamestring-CSS класснейм
0.9.4

1 year ago

0.9.3

1 year ago

0.9.5

1 year ago

0.10.9

11 months ago

0.10.1

1 year ago

0.10.2

1 year ago

0.10.3

11 months ago

0.10.4

11 months ago

0.10.5

11 months ago

0.10.6

11 months ago

0.10.7

11 months ago

0.10.8

11 months ago

0.10.0

1 year ago

0.10.10

9 months ago

0.10.11

9 months ago

0.9.2

1 year ago

0.9.0

1 year ago

0.9.1

1 year ago

0.8.0

1 year ago

0.6.9

2 years ago

0.6.10

2 years ago

0.6.12

1 year ago

0.6.11

2 years ago

0.7.1

1 year ago

0.7.0

1 year ago

0.6.8

2 years ago

0.6.7

2 years ago

0.6.6

2 years ago

0.6.5

2 years ago

0.6.4

2 years ago

0.6.3

2 years ago

0.6.2

2 years ago

0.6.1

2 years ago

0.6.0

2 years ago

0.5.4

2 years ago

0.5.3

2 years ago

0.5.2

2 years ago

0.5.1

2 years ago

0.5.0

2 years ago