Skip to content

feat: add MdPagination component#477

Merged
aurorascharff merged 12 commits intomainfrom
pagination
Feb 19, 2026
Merged

feat: add MdPagination component#477
aurorascharff merged 12 commits intomainfrom
pagination

Conversation

@aurorascharff
Copy link
Copy Markdown
Contributor

@aurorascharff aurorascharff commented Feb 16, 2026

Describe your changes

Add new MdPagination as per Figma spec: https://www.figma.com/design/6BUqOC0xQZz6AggPvI2iSR/Komponenter?node-id=13262-8&p=f&t=DXfkBY7c2RKmiezZ-0

Feb-16-2026 19-45-54

We need render props here since we have multiple children to render, and cant use asChildContent only.
Tested in own project with asChild and searchparams and <Link: https://github.com/miljodir/ac-avdekl/pull/1252/changes:
Feb-16-2026 19-50-30

Checklist before requesting a review

  • I have performed a self-review and test of my code
  • I have added label to the PR (major, minor or patch)
  • If new component: Is story for component created in stories-folder?
  • If new component: Is README-file for CSS documentation created and added to the story?
  • If new component: Is tsx-file import added to packages/react/index.tsx?
  • If new component: Is CSS-file added to packages/css/index.css?

@aurorascharff aurorascharff requested a review from a team as a code owner February 16, 2026 18:41
@aurorascharff aurorascharff linked an issue Feb 16, 2026 that may be closed by this pull request
@github-actions
Copy link
Copy Markdown
Contributor

Please set a versioning label of either major, minor, or patch to the pull request.

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new MdPagination component (React + CSS) and documents it in Storybook, aligning with the provided Figma spec.

Changes:

  • Introduces packages/react/src/pagination/MdPagination.tsx with desktop/compact rendering, ellipsis handling, and optional custom link rendering.
  • Adds pagination styling + standalone HTML structure docs under packages/css/src/pagination/.
  • Wires the component into public exports (packages/react/src/index.tsx), CSS bundle (packages/css/src/index.css), and Storybook (stories/Pagination.stories.tsx).

Reviewed changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 7 comments.

Show a summary per file
File Description
stories/Pagination.stories.tsx Adds Storybook documentation and examples (including asChild link rendering) for the new component.
packages/react/src/pagination/MdPagination.tsx Implements the new pagination component logic and rendering.
packages/react/src/index.tsx Exports MdPagination and MdPaginationProps from the React package entrypoint.
packages/css/src/pagination/pagination.css Adds styling for pagination layout, buttons, compact mode, and responsive behavior.
packages/css/src/pagination/README.md Documents the standalone HTML structure for the pagination CSS.
packages/css/src/index.css Includes the new pagination stylesheet in the CSS package bundle.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 10 out of 10 changed files in this pull request and generated 6 comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@aurorascharff aurorascharff merged commit ee68b4f into main Feb 19, 2026
5 checks passed
@aurorascharff aurorascharff deleted the pagination branch February 19, 2026 09:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Pagination as new component

4 participants