Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-28 19:00:18 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(icons): add nebular icons demo

Browse source
This commit is contained in:
KostyaDanovsky 2017-08-30 18:39:14 +03:00
parent 3f73b92fb9
commit 9b7af69dd3
2 changed files with 39 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/app/pages/ui-features/icons/icons.component.html
View file

@ -1,4 +1,32 @@
<div class="row">
<div class="col-md-12 col-lg-6">
<nb-card>
<nb-card-header>
Nebular
</nb-card-header>
<nb-card-body>
<div class="icon" *ngFor="let icon of icons.nebular"><i class="{{ icon }}"></i></div>
</nb-card-body>
<nb-card-footer>
<a href="https://www.npmjs.com/package/nebular-icons" target="_blank">See all Nebular icons</a>
</nb-card-footer>
</nb-card>
<nb-card>
<nb-card-header>
Font awesome icons
</nb-card-header>
<nb-card-body>
<div class="icon" *ngFor="let icon of icons.fontAwesome"><i class="fa {{ icon }}"></i></div>
</nb-card-body>
<nb-card-footer>
<a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank">
See all Font Awesome icons
</a>
</nb-card-footer>
</nb-card>
</div>
<div class="col-md-12 col-lg-6">
<nb-card>
<nb-card-header>
@ -8,23 +36,7 @@
<div class="icon" *ngFor="let icon of icons.ionicons"><i class="{{ icon }}"></i></div>
</nb-card-body>
<nb-card-footer>
<a href="http://ionicons.com/" target="_blank" class="see-all-icons">See all ionicons icons</a>
</nb-card-footer>
</nb-card>
</div>
<div class="col-md-12 col-lg-6">
<nb-card>
<nb-card-header>
Font awesome icons
</nb-card-header>
<nb-card-body>
<div class="icon" *ngFor="let icon of icons.fontAwesome"><i class="fa {{ icon }}"></i></div>
</nb-card-body>
<nb-card-footer>
<a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank" class="see-all-icons">
See all Font Awesome icons
</a>
<a href="http://ionicons.com/" target="_blank">See all ionicons icons</a>
</nb-card-footer>
</nb-card>
</div>