Skip to content

Instantly share code, notes, and snippets.

View codef0rmer's full-sized avatar
🏠
Working from home

Amit Gharat codef0rmer

🏠
Working from home
View GitHub Profile
<app-toolbar-men>
<div id="toolbar-men-options" class="hidden">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-heart-o"></i></a>
<a href="#"><i class="fa fa-heartbeat"></i></a>
</div>
</app-toolbar-men>
import {
Component,
ElementRef,
OnInit,
ViewChild
} from '@angular/core';
declare const $: any;
@Component({
@ViewChild('el', { read: ElementRef }) el: ElementRef;
<app-toolbar-legends class="btn-toolbar-success" icon="fa-bitcoin" [toolbarConfig]="{position: 'right'}">
<div class="toolbar-icons hidden">
<a href="#"><i class="fa fa-bitcoin"></i></a>
<a href="#"><i class="fa fa-eur"></i></a>
<a href="#"><i class="fa fa-cny"></i></a>
</div>
</app-toolbar-legends>
<app-toolbar-legends class="btn-toolbar-dark" icon="fa-apple" [toolbarConfig]="{position: 'right', style: 'primary', animation: 'flip'}">
<div class="toolbar-icons hidden">
<a href="#"><i class="fa fa-android"></i></a>
import {
Component,
ElementRef,
OnInit,
ViewChild,
Input,
Renderer2,
ChangeDetectionStrategy,
NgZone
} from '@angular/core';
<div class="btn-toolbar btn-toolbar-success" [appToolbarLegends]="{position: 'right'}" >
<i class="fa fa-bitcoin"></i>
</div>
<div class="toolbar-icons hidden">
<a href="#"><i class="fa fa-bitcoin"></i></a>
<a href="#"><i class="fa fa-eur"></i></a>
<a href="#"><i class="fa fa-cny"></i></a>
</div>