2017-04-29 18:53:19 +03:00
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-3 col-md-3">
|
|
|
|
|
<nga-card>
|
|
|
|
|
<nga-card-header>
|
|
|
|
|
Flat buttons
|
|
|
|
|
</nga-card-header>
|
|
|
|
|
<nga-card-body>
|
2017-05-02 19:28:27 +03:00
|
|
|
<ngx-flat-buttons class="button-panel"></ngx-flat-buttons>
|
2017-04-29 18:53:19 +03:00
|
|
|
</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>
|
2017-05-02 19:28:27 +03:00
|
|
|
<ngx-raised-buttons class="button-panel"></ngx-raised-buttons>
|
2017-04-29 18:53:19 +03:00
|
|
|
</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>
|
2017-05-02 19:28:27 +03:00
|
|
|
<ngx-sized-buttons class="button-panel df-size-button-panel"></ngx-sized-buttons>
|
2017-04-29 18:53:19 +03:00
|
|
|
</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>
|
2017-05-02 19:28:27 +03:00
|
|
|
<ngx-disabled-buttons class="button-panel"></ngx-disabled-buttons>
|
2017-04-29 18:53:19 +03:00
|
|
|
</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>
|
2017-05-02 19:28:27 +03:00
|
|
|
<ngx-large-buttons class="large-buttons-panel"></ngx-large-buttons>
|
2017-04-29 18:53:19 +03:00
|
|
|
</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>
|
