Added Added horizontal menu and menu item

.gitignore

@@ -23,3 +23,4 @@ package-lock.json
 /.node_modules.ember-try/
 /bower.json.ember-try
 /package.json.ember-try
+.idea

addon/components/s-horizontal-menu-item.js

@@ -0,0 +1,11 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+  actions: {
+    doAction(){
+      if (this.get('applyAction')) {
+        this.get('applyAction')(this.action, this.pipelineId);
+      }
+    }
+  }
+});

addon/components/s-horizontal-menu.js

@@ -0,0 +1,5 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+})
+

addon/styles/components/_s-horizontal-menu-item.scss

@@ -0,0 +1,6 @@
+.horizontal-dropdown-item{
+  color: $themeTitlePrimaryColor;
+}
+li:hover{
+  background: $themeHoverColor;
+}

addon/styles/components/_s-horizontal-menu.scss

@@ -0,0 +1,21 @@
+.pointed-dropdown::before {
+  position: absolute;
+  top: -7px;
+  left: 11px;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid $themeFifthGrey;
+  border-left: 7px solid transparent;
+  border-bottom-color: $themeFifthGrey;
+  content: '';
+}
+.pointed-dropdown::after {
+  position: absolute;
+  top: -6px;
+  left: 10px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid white;
+  border-left: 6px solid transparent;
+  content: '';
+}

addon/templates/components/s-horizontal-menu-item.hbs

@@ -0,0 +1 @@
+<li class="horizontal-dropdown-item pt5 pl30 pb5 pr8" {{action "doAction"}}>{{title}}</li>

addon/templates/components/s-horizontal-menu.hbs

@@ -0,0 +1,5 @@
+<ul class ="q-card-dropdown-menu dropdown-menu pointed-dropdown">
+  {{yield (hash
+            menu=(component "q-horizontal-menu-item" title=title))
+  }}
+</ul>

app/components/s-horizontal-menu-item.js

@@ -0,0 +1 @@
+export { default } from 'space-ui/components/s-horizontal-menu-item';

app/components/s-horizontal-menu.js

@@ -0,0 +1 @@
+export { default } from 'space-ui/components/s-horizontal-menu';

tests/dummy/app/templates/docs/horizontal-menu.md

@@ -0,0 +1,25 @@
+# Horizontal menu
+
+<p>To create a dropdown menu.</p>
+
+{{#docs-demo as |demo|}}
+{{#demo.example name='demo-horizontal-menu-basic.hbs'}}
+
+
+{{#s-horizontal-menu as |m|
+    {{m.menu title="title" applyAction=(action "onMenuClick")
+     action=(action "itemAction") pipelineId=pipelineId}}
+{{/s-horizontal-menu}}
+
+{{/demo.example}}
+
+{{demo.snippet 'demo-horizontal-menu-basic.hbs'}}
+{{/docs-demo}}
+
+| Property   | Description                                                                  | Type    | Default |
+| ---------- | ---------------------------------------------------------------------------- | ------- | ------- |
+| title      | Name of the menu item                                                        | string  | ""  |
+| action  | Action to be performed on clicking an item from the menu                        | String  | ""    |
+| pipelineID  | Id of the unique identifier                                                 | String  | "" |
+| applyAction   | Generic action that will call the "action provided"                       | string | ""   |
+