Showcase multiline set

gallery/src/demos/demo-ha-chip.ts

@@ -23,6 +23,21 @@ const chips: HaChipSetItem[] = [
     trailingIcon: mdiClose,
     label: "Demo chip",
   },
+  {
+    label: "Automation",
+  },
+  {
+    label: "Blueprint",
+  },
+  {
+    label: "Script",
+  },
+  {
+    label: "Scene",
+  },
+  {
+    label: "Person",
+  },
 ];
 
 @customElement("demo-ha-chip")

src/components/ha-chip-set.ts

@@ -63,7 +63,7 @@ export class HaChipSet extends LitElement {
     return css`
       ${unsafeCSS(chipStyles)}
       .mdc-chip-set > * {
-        margin: 0 4px;
+        margin: 4px;
       }
     `;
   }