mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-01-22 09:16:11 +01:00
Add ripple effects to controls across application
This commit is contained in:
parent
bef0105a9f
commit
3f77efdabf
34 changed files with 1538 additions and 21 deletions
31
src/app/pages/modal-overlays/window/window.component.html
Normal file
31
src/app/pages/modal-overlays/window/window.component.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<div class="row">
|
||||
<div class="col-md-12 col-lg-12 col-xxxl-6">
|
||||
<nb-card>
|
||||
<nb-card-header>Window Form</nb-card-header>
|
||||
<nb-card-body>
|
||||
<button (click)="openWindowForm()" nbButton matRipple>Open window form</button>
|
||||
|
||||
<button (click)="openWindow(contentTemplate)" nbButton matRipple>Open window with template</button>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 col-lg-12 col-xxxl-6">
|
||||
<nb-card>
|
||||
<nb-card-header>Window Without Backdrop</nb-card-header>
|
||||
<nb-card-body>
|
||||
<button (click)="openWindow(contentTemplate)" nbButton matRipple>Open window with backdrop</button>
|
||||
|
||||
<button (click)="openWindowWithoutBackdrop()" nbButton matRipple>Open window without backdrop</button>
|
||||
</nb-card-body>
|
||||
</nb-card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ng-template #contentTemplate let-data>
|
||||
<p>Here is the text provided via config: "{{ data.text }}"</p>
|
||||
</ng-template>
|
||||
|
||||
<ng-template #disabledEsc>
|
||||
Disabled close on escape click.
|
||||
</ng-template>
|
||||
Loading…
Add table
Add a link
Reference in a new issue