Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-22 02:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(buttons): add the buttons components

Browse source
This commit is contained in:
Alexander Zhukov 2017-04-29 18:53:19 +03:00
parent 916289eb94
commit 9ebf30ac68
29 changed files with 854 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

86
src/app/pages/ui-features/buttons/buttons.component.html Normal file
View file

@ -0,0 +1,86 @@
<div class="row">
<div class="col-3 col-md-3">
<nga-card>
<nga-card-header>
Flat buttons
</nga-card-header>
<nga-card-body>
<ngx-flat-buttons></ngx-flat-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-3 col-md-3">
<nga-card>
<nga-card-header>
Raised buttons
</nga-card-header>
<nga-card-body>
<ngx-raised-buttons></ngx-raised-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-3 col-md-3">
<nga-card>
<nga-card-header>
Different sizes
</nga-card-header>
<nga-card-body>
<ngx-sized-buttons></ngx-sized-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-3 col-md-3">
<nga-card>
<nga-card-header>
Disabled
</nga-card-header>
<nga-card-body>
<ngx-disabled-buttons></ngx-disabled-buttons>
</nga-card-body>
</nga-card>
</div>
</div>
<div class="row">
<div class="col-6 col-md-6">
<nga-card>
<nga-card-header>
Icon buttons
</nga-card-header>
<nga-card-body>
<ngx-icon-buttons></ngx-icon-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-6 col-md-6">
<nga-card>
<nga-card-header>
Button dropdowns
</nga-card-header>
<nga-card-body>
<ngx-dropdown-buttons></ngx-dropdown-buttons>
</nga-card-body>
</nga-card>
</div>
</div>
<div class="row">
<div class="col-6 col-md-6">
<nga-card>
<nga-card-header>
Large buttons
</nga-card-header>
<nga-card-body>
<ngx-large-buttons></ngx-large-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-6 col-md-6">
<nga-card>
<nga-card-header>
Button groups
</nga-card-header>
<nga-card-body>
<ngx-group-buttons></ngx-group-buttons>
</nga-card-body>
</nga-card>
</div>
</div>