Skip to content

Commit 2e7993b

Browse files
author
snotr
authored
Merge pull request designmodo#222 from StefanYohansson/feature/search-input-icon-right
Added javascript snippet to docs.
2 parents 197a892 + 500673c commit 2e7993b

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

docs/components.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -642,6 +642,20 @@ <h3>Input</h3>
642642
&lt;/div&gt;
643643
</pre>
644644

645+
646+
<p class="ptl mtl">
647+
You'll need to add some Javascript code in order to append icons (on left position) like search icon above
648+
</p>
649+
650+
<pre class="prettyprint">
651+
// Focus state for append/prepend inputs
652+
$('.input-group').on('focus', '.form-control', function () {
653+
$(this).closest('.input-group, .form-group').addClass('focus');
654+
}).on('blur', '.form-control', function () {
655+
$(this).closest('.input-group, .form-group').removeClass('focus');
656+
});
657+
</pre>
658+
645659
<div id="fui-navbar"></div>
646660
</div> <!-- /.demo-content -->
647661
</div> <!-- /.demo-row -->

0 commit comments

Comments
 (0)