✨(react) add Pagination component

In order to create a DataGrid we first need a fully working pagination component. It comes with multiples working examples in the documentation.
2023-02-20 16:27:37 +01:00
parent 90feb4ba4a
commit 88e478d9f6
11 changed files with 584 additions and 7 deletions
--- a/packages/react/src/components/Pagination/index.scss
+++ b/packages/react/src/components/Pagination/index.scss
@@ -0,0 +1,19 @@
+.c__pagination {
+    display: flex;
+    gap: 2rem;
+
+    &__list {
+        display: flex;
+        align-items: center;
+        border: 1px var(--c--theme--colors--greyscale-200) solid;
+        border-radius: 2px;
+        padding: var(--c--theme--spacings--st);
+        background: var(--c--theme--colors--greyscale-000);
+    }
+
+    &__goto {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+    }
+}