next: expose currentPage snippet prop (#759)

huntabyte · Oct 14, 2024 · a862805 · a862805
1 parent 1942c35
commit a862805
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/sharp-berries-hide.md b/.changeset/sharp-berries-hide.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+expose `currentPage` to the `Pagination.Root` snippets
diff --git a/packages/bits-ui/src/lib/bits/pagination/pagination.svelte.ts b/packages/bits-ui/src/lib/bits/pagination/pagination.svelte.ts
@@ -93,6 +93,7 @@ class PaginationRootState {
 	snippetProps = $derived.by(() => ({
 		pages: this.pages,
 		range: this.range,
+		currentPage: this.page.current,
 	}));
 
 	props = $derived.by(

diff --git a/...ntent/api-reference/extended-types/pagination/pagination-child-snippet-props.md b/...ntent/api-reference/extended-types/pagination/pagination-child-snippet-props.md
@@ -18,6 +18,8 @@ type ChildSnippetProps = {
 	pages: PageItem[];
 	/** The range of pages to render */
 	range: { start: number; end: number };
+	/** The currently active page */
+	currentPage: number;
 	props: Record<string, unknown>;
 };
 ```
diff --git a/...nt/api-reference/extended-types/pagination/pagination-children-snippet-props.md b/...nt/api-reference/extended-types/pagination/pagination-children-snippet-props.md
@@ -18,5 +18,7 @@ type ChildrenSnippetProps = {
 	pages: PageItem[];
 	/** The range of pages to render */
 	range: { start: number; end: number };
+	/** The currently active page */
+	currentPage: number;
 };
 ```