feat(action-menu): allow icon customization

adobe · Oct 10, 2019 · cffd49a · cffd49a
1 parent aa788b1
commit cffd49a
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/packages/action-menu/src/action-menu.ts b/packages/action-menu/src/action-menu.ts
@@ -41,16 +41,19 @@ export class ActionMenu extends Dropdown {
     protected get buttonContent(): TemplateResult[] {
         return [
             html`
-                <svg
-                    viewBox="0 0 36 36"
-                    class="icon"
-                    focusable="false"
-                    aria-hidden="true"
-                >
-                    <circle cx="17.8" cy="18.2" r="3.4"></circle>
-                    <circle cx="29.5" cy="18.2" r="3.4"></circle>
-                    <circle cx="6.1" cy="18.2" r="3.4"></circle>
-                </svg>
+                <slot name="icon">
+                    <svg
+                        slot="icon"
+                        viewBox="0 0 36 36"
+                        class="icon"
+                        focusable="false"
+                        aria-hidden="true"
+                    >
+                        <circle cx="17.8" cy="18.2" r="3.4"></circle>
+                        <circle cx="29.5" cy="18.2" r="3.4"></circle>
+                        <circle cx="6.1" cy="18.2" r="3.4"></circle>
+                    </svg>
+                </slot>
                 ${this.label
                     ? html`
                           <div id="label">${this.label}</div>