fix(core): Add menu option to button (#1565)

SAP · Nov 8, 2019 · 7523438 · 7523438
1 parent 5cb01b5
commit 7523438
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/apps/docs/src/app/core/component-docs/button/button-docs.component.html b/apps/docs/src/app/core/component-docs/button/button-docs.component.html
@@ -1,8 +1,10 @@
 <fd-docs-section-title [id]="'Button-options'" [componentName]="'button'"> Button Options </fd-docs-section-title>
 <description>
     There are three emphasis styles used to indicate the importance of the button on the page. Do not provide a value
-    for the default option. Use <code class="code-snippet">[options]="'emphasized'"</code> or
-    <code class="code-snippet">[options]="'light'"</code> to set the option.
+    for the default option. Use <code class="code-snippet">[options]="'emphasized'"</code>,
+    <code class="code-snippet">[options]="'menu'"</code> or
+    <code class="code-snippet">[options]="'light'"</code> to set the option. Options also can be combined in the array.
+    For example<code class="code-snippet">[options]="['emphasized', 'menu']"</code>
 </description>
 <component-example [name]="'ex0'">
     <fd-button-options-example></fd-button-options-example>

diff --git a/apps/docs/src/app/core/component-docs/button/button-docs.component.ts b/apps/docs/src/app/core/component-docs/button/button-docs.component.ts
@@ -32,7 +32,7 @@ export class ButtonDocsComponent implements OnInit {
                     },
                     options: {
                         type: 'string',
-                        enum: ['', 'emphasized', 'light']
+                        enum: ['', 'emphasized', 'light', 'menu']
                     },
                     compact: {
                         type: 'boolean'

diff --git a/apps/docs/src/app/core/component-docs/button/examples/button-options-example.component.html b/apps/docs/src/app/core/component-docs/button/examples/button-options-example.component.html
@@ -1,3 +1,6 @@
 <button fd-button>Regular Button</button>
 <button fd-button [options]="'emphasized'">Emphasized Button</button>
 <button fd-button [options]="'light'">Light Button</button>
+<button fd-button [options]="'menu'">Menu Button</button>
+<button fd-button [options]="['menu', 'emphasized']">Emphasized Menu Button</button>
+<button fd-button [options]="['menu', 'light']">Light Menu Button</button>
diff --git a/libs/core/src/lib/button/button.component.ts b/libs/core/src/lib/button/button.component.ts
@@ -3,7 +3,7 @@ import { AbstractFdNgxClass } from '../utils/abstract-fd-ngx-class';
 
 
 export type ButtonType = 'standard' | 'positive' | 'medium' | 'negative' | 'half';
-export type ButtonOptions = 'light' | 'emphasized';
+export type ButtonOptions = 'light' | 'emphasized' | 'menu';
 
 /**
  * Button directive, used to enhance standard HTML buttons.