mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-02-10 18:34:20 +01:00
feat(search): add animated search-field (#1)
This commit is contained in:
parent
a3dede33cf
commit
ea94441c8d
7 changed files with 119 additions and 5 deletions
|
|
@ -0,0 +1,93 @@
|
|||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<nga-card>
|
||||
<nga-card-header>
|
||||
Simple search
|
||||
</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nga-search type="simple-search" tag="simple-search"></nga-search>
|
||||
</nga-card-body>
|
||||
<nga-card-footer></nga-card-footer>
|
||||
</nga-card>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<nga-card>
|
||||
<nga-card-header>
|
||||
Layout Rotate Search
|
||||
</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nga-search type="rotate-layout" tag="rotate-layout"></nga-search>
|
||||
</nga-card-body>
|
||||
<nga-card-footer></nga-card-footer>
|
||||
</nga-card>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<nga-card>
|
||||
<nga-card-header>
|
||||
Modal Zoomin Search
|
||||
</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nga-search type="modal-zoomin" tag="modal-zoomin"></nga-search>
|
||||
</nga-card-body>
|
||||
<nga-card-footer></nga-card-footer>
|
||||
</nga-card>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<nga-card>
|
||||
<nga-card-header>
|
||||
Modal Move Search
|
||||
</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nga-search type="modal-move" tag="modal-move"></nga-search>
|
||||
</nga-card-body>
|
||||
<nga-card-footer></nga-card-footer>
|
||||
</nga-card>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<nga-card>
|
||||
<nga-card-header>
|
||||
Modal Drop Search
|
||||
</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nga-search type="modal-drop" tag="modal-drop"></nga-search>
|
||||
</nga-card-body>
|
||||
<nga-card-footer></nga-card-footer>
|
||||
</nga-card>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<nga-card>
|
||||
<nga-card-header>
|
||||
Modal Half Search
|
||||
</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nga-search type="modal-half" tag="modal-half"></nga-search>
|
||||
</nga-card-body>
|
||||
<nga-card-footer></nga-card-footer>
|
||||
</nga-card>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<nga-card>
|
||||
<nga-card-header>
|
||||
Curtain Search
|
||||
</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nga-search type="curtain" tag="curtain"></nga-search>
|
||||
</nga-card-body>
|
||||
<nga-card-footer></nga-card-footer>
|
||||
</nga-card>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<nga-card>
|
||||
<nga-card-header>
|
||||
Column Curtain Search
|
||||
</nga-card-header>
|
||||
<nga-card-body>
|
||||
<nga-search type="column-curtain" tag="column-curtain"></nga-search>
|
||||
</nga-card-body>
|
||||
<nga-card-footer></nga-card-footer>
|
||||
</nga-card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue