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

feat(search): add animated search-field (#1)

Browse source
This commit is contained in:
mishkolesnikov 2017-05-19 19:45:42 +03:00 • committed by Lex Zhukov
parent a3dede33cf
commit ea94441c8d
7 changed files with 119 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

93
src/app/pages/ui-features/search-fields/search-fields.component.html Normal file
View file

@ -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>