@snack-uikit/pagination NPM | npm.io

0.10.11 • Published 8 months ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

8 months 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}/>
    </>
  );
}

Pagination

Props

name	type	default value	description
onChange*	`(page: number) => void`	-	Колбек смены значения
page*	`number`	-	Текущая страница
total*	`number`	-	Общее количество страниц
maxLength	`number`	7	Максимальное количество страниц/элементов, помещающихся до транкейта
className	`string`	-	CSS класснейм
size	enum Size: `"xs"`, `"s"`	s	Размер

PaginationSlider

Props

name	type	default value	description
onChange*	`(page: number) => void`	-	Колбек смены значения
page*	`number`	-	Текущая страница
total*	`number`	-	Общее количество страниц
className	`string`	-	CSS класснейм

@snack-uikit/button @snack-uikit/icons @snack-uikit/utils

@everything-registry/sub-chunk-847 @snack-uikit/carousel @snack-uikit/table

0.10.3-preview-704e8703.0

12 months ago

0.10.12-preview-9998cc23.0

8 months ago

0.10.11-preview-2f8a726b.0

9 months ago

0.10.6-preview-0d45398a.0

11 months ago

0.10.3-preview-74c13173.0

11 months ago

0.9.4-preview-4d81b82b.0

1 year ago

0.10.4-preview-3566ac3d.0

11 months ago

0.10.11-preview-845a4e8b.0

9 months ago

0.10.12-preview-2df7e7b5.0

8 months ago

0.10.2-preview-08c7f775.0

1 year ago

1 year ago

0.10.6-preview-27ae78ba.0

11 months ago

1 year ago

1 year ago

0.9.4-preview-20b0f520.0

1 year ago

0.10.3-preview-e840ab81.0

11 months ago

11 months ago

0.10.12-preview-69fcfa33.0

8 months ago

1 year ago

12 months ago

11 months ago

11 months ago

0.10.2-preview-913f1101.0

1 year ago

11 months ago

11 months ago

11 months ago

11 months ago

0.10.3-preview-b5e187d5.0

11 months ago

1 year ago

0.10.1-preview-a2f98ef7.0

1 year ago

0.10.3-preview-f228eb9d.0

11 months ago

0.10.6-preview-9cd1b89a.0

11 months ago

0.10.3-preview-d479ae3f.0

11 months ago

0.9.4-preview-379c4ff3.0

1 year ago

0.10.2-preview-985e2518.0

12 months ago

0.10.12-preview-e4e8fc7b.0

8 months ago

0.10.9-preview-790689b4.0

11 months ago

0.10.6-preview-bc9ca5dd.0

11 months ago

0.10.3-preview-f7ec3fa7.0

11 months ago

0.10.11-preview-cf198ddd.0

9 months ago

0.10.6-preview-a0074739.0

11 months ago

0.10.3-preview-a2a64ca4.0

11 months ago

9 months ago

9 months ago

0.10.3-preview-abb5f7dc.0

11 months ago

0.10.3-preview-922d2ce6.0

11 months ago

0.9.4-preview-53bd8747.0

1 year ago

0.10.10-preview-ef227a87.0

10 months ago

0.9.4-preview-7eeb1bc1.0

1 year ago

1 year ago

0.10.12-preview-aba585d4.0

8 months ago

0.9.4-preview-042f5ed6.0

1 year ago

0.10.10-preview-8cf89a18.0

10 months ago

0.10.12-preview-050dc1ef.0

8 months ago

0.9.6-preview-41651290.0

1 year ago

0.9.4-preview-baf754b1.0

1 year ago

0.10.7-preview-6a400eba.0

11 months ago

0.9.2-preview-9a7f316b.0

1 year ago

1 year ago

0.7.2-preview-71543426.0

1 year ago

1 year ago

1 year ago

0.7.2-preview-ba12ca94.0

1 year ago

0.7.2-preview-1f246c4a.0

1 year ago

0.7.2-preview-d96c83e8.0

1 year ago

0.7.2-preview-3f66d646.0

1 year ago

0.7.2-preview-7adaddbe.0

1 year ago

0.7.2-preview-c9b51578.0

1 year ago

0.7.2-preview-efee0b7d.0

1 year ago

0.7.2-preview-fc25f08d.0

1 year ago

0.7.2-preview-e5174ad1.0

1 year ago

2 years ago

0.6.11-preview-8898cdde.0

1 year ago

0.7.1-preview-94780dcd.0

1 year ago

0.6.11-preview-3201b907.0

1 year ago

2 years ago

1 year ago

1 year ago

0.6.12-preview-31958b7e.0

1 year ago

0.6.10-preview-b09d21bf.0

2 years ago

0.6.12-preview-d907dbcf.0

1 year ago

1 year ago

1 year ago

2 years ago

0.6.8-preview-8bb3334c.0

2 years ago

2 years ago

2 years ago

0.6.6-preview-cb79db34.0

2 years ago

0.6.6-preview-08779a44.0

2 years ago

0.6.6-preview-5b75040d.0

2 years ago

0.6.6-preview-7a18c2ee.0

2 years ago

0.6.6-preview-80576138.0

2 years ago

0.6.6-preview-69abc1d3.0

2 years ago

0.6.6-preview-82ef7975.0

2 years ago

0.6.6-preview-2855fb42.0

2 years ago

0.6.6-preview-0a44b2fc.0

2 years ago

2 years ago

0.6.5-preview-3cdd8d31.0

2 years ago

2 years ago

0.6.4-preview-993a9cfb.0

2 years ago

2 years ago

2 years ago

0.6.2-preview-3f90b7f1.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.4.11-preview-85c5f47b.0

2 years ago

0.4.11-preview-104ad22c.0

2 years ago