diff --git a/src/components/beta/gux-flyout-menu/example.html b/src/components/beta/gux-flyout-menu/example.html index 10e755fa74..583635be0f 100644 --- a/src/components/beta/gux-flyout-menu/example.html +++ b/src/components/beta/gux-flyout-menu/example.html @@ -1,36 +1,35 @@
- Option One - Option Two - Option Three - Option Four - Option Five + + + + +
- +
- Option One - Option Two - Option Three + + +
- - - + + +
- Option One - Option Two - Option Three + + +
@@ -38,13 +37,11 @@
diff --git a/src/components/beta/gux-flyout-menu/gux-flyout-option/gux-flyout-option.tsx b/src/components/beta/gux-flyout-menu/gux-flyout-option/gux-flyout-option.tsx index 0250b60466..85408f4035 100644 --- a/src/components/beta/gux-flyout-menu/gux-flyout-option/gux-flyout-option.tsx +++ b/src/components/beta/gux-flyout-menu/gux-flyout-option/gux-flyout-option.tsx @@ -4,9 +4,7 @@ import { Component, h, Prop } from '@stencil/core'; tag: 'gux-flyout-option' }) export class GuxFlyoutOption { - @Prop() hasInnerOption: boolean; @Prop() name = 'default name'; - @Prop() secondName = 'default second name'; @Prop() withIcon: boolean; @Prop() iconName = 'angle-right'; @Prop() shortCut: string; @@ -18,12 +16,10 @@ export class GuxFlyoutOption { {this.shortCut} ); - private optionBuilderWithInnerOption = () => {this.name}; - render() { return ( ); diff --git a/src/components/beta/gux-flyout-menu/gux-flyout-option/readme.md b/src/components/beta/gux-flyout-menu/gux-flyout-option/readme.md index 572f9b6948..3fa6575dc9 100644 --- a/src/components/beta/gux-flyout-menu/gux-flyout-option/readme.md +++ b/src/components/beta/gux-flyout-menu/gux-flyout-option/readme.md @@ -7,14 +7,12 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| ---------------- | ------------------ | ----------- | --------- | ----------------------- | -| `hasInnerOption` | `has-inner-option` | | `boolean` | `undefined` | -| `iconName` | `icon-name` | | `string` | `'angle-right'` | -| `name` | `name` | | `string` | `'default name'` | -| `secondName` | `second-name` | | `string` | `'default second name'` | -| `shortCut` | `short-cut` | | `string` | `undefined` | -| `withIcon` | `with-icon` | | `boolean` | `undefined` | +| Property | Attribute | Description | Type | Default | +| ---------- | ----------- | ----------- | --------- | ---------------- | +| `iconName` | `icon-name` | | `string` | `'angle-right'` | +| `name` | `name` | | `string` | `'default name'` | +| `shortCut` | `short-cut` | | `string` | `undefined` | +| `withIcon` | `with-icon` | | `boolean` | `undefined` | ## Dependencies