fix: style fixes ✨

Author: lokesh-coder

package.json

@@ -4,7 +4,7 @@
   "license": "MIT",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
+    "start": "ng serve --host 0.0.0.0 --disable-host-check",
     "build": "ng build --prod --base-href \"https://nglibrary.github.io/ngx-choosy-documentation/\"",
     "test-app": "ng test",
     "test": "echo \"No test specified\" && exit 0",

src/app/app.component.scss

@@ -0,0 +1,3 @@
+#box {
+    text-align: center;
+}

src/app/app.component.ts

@@ -27,6 +27,8 @@ export class AppComponent {
   es5IsOpen = false;
   fthr = f;
   menu = [];
+
+  buttonMenu: any = [];
   ngOnInit() {
     this.addresses = addresses;
     this.colors = colors;
@@ -44,6 +46,14 @@ export class AppComponent {
       { name: 'Changelog' }
     ];
 
+    this.buttonMenu = [
+      { name: 'Dashboard', icon: 'cogs' },
+      { name: 'Account', icon: 'user-circle-o' },
+      { name: 'Messages', icon: 'envelope-open' },
+      { name: 'Language', icon: 'globe' },
+      { name: 'Logout', icon: 'sign-out' }
+    ];
+
   }
   ngAfterViewInit() {
 

src/app/app.test.html

@@ -0,0 +1,19 @@
+<div id="box">
+  <button type="button" class="btn" choosyButtonSelect [options]="buttonMenu" [itemTemplate]="oneListItemTpl" [selectedItemTemplate]="oneSelectedItemTpl">Menu</button>
+</div>
+
+<button type="button" class="btn" choosyButtonSelect [options]="['a','b']">list</button>
+
+
+<ng-template #oneListItemTpl let-item>
+  <div>
+    <i class="fa fa-{{item.icon}}"></i>
+    <span>{{item.name}}</span>
+  </div>
+</ng-template>
+
+<ng-template #oneSelectedItemTpl let-item>
+  <div>
+    <span>{{item.name}}</span>
+  </div>
+</ng-template>