fix(Chip): chip group wrap (#2324)

Fixes #2315 --------- Co-authored-by: Tobias Barsnes <[email protected]>
digdir · Aug 26, 2024 · c25b798 · c25b798
1 parent d2cf408
commit c25b798
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/blue-singers-switch.md b/.changeset/blue-singers-switch.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+Chip: Support wrapping in group
diff --git a/packages/css/chip.css b/packages/css/chip.css
@@ -97,11 +97,13 @@
 .ds-chip--group-container {
   --dsc-chip-group-gap: var(--ds-spacing-2);
 
+  align-items: center;
   display: flex;
+  flex-wrap: wrap;
   gap: var(--dsc-chip-group-gap);
-  list-style-type: none;
-  padding: 0;
+  list-style: none;
   margin: 0;
+  padding: 0;
 }
 
 .ds-chip--group-container.ds-chip--sm {