feat(ui): top-navigation - control appearance

akveo · Sep 23, 2019 · 7fe81f2 · 7fe81f2
1 parent 3bc19af
commit 7fe81f2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/framework/ui/topNavigation/topNavigation.component.tsx b/src/framework/ui/topNavigation/topNavigation.component.tsx
@@ -214,6 +214,7 @@ export class TopNavigationComponent extends React.Component<TopNavigationProps>
     return React.Children.map(source, (element: TopNavigationActionElement, index: number) => {
       return React.cloneElement(element, {
         key: index,
+        appearance: this.props.appearance,
       });
     });
   }

diff --git a/src/playground/src/ui/screen/topNavigation/type.tsx b/src/playground/src/ui/screen/topNavigation/type.tsx
@@ -92,6 +92,14 @@ export const topNavigationShowcase: ComponentShowcase = {
 };
 
 export const topNavigationSettings: ComponentShowcaseSetting[] = [
+  {
+    propertyName: 'appearance',
+    value: 'default',
+  },
+  {
+    propertyName: 'appearance',
+    value: 'control',
+  },
   {
     propertyName: 'alignment',
     value: 'start',