+ Font Awesome Icon Picker is a fully customizable plugin for Twitter Bootstrap, + with a powerful base API, based on + Bootstrap Popover Picker +
+ ++ You can use Font Awesome or another font icon set of your choice (icon options and items are customizable). +
+-You can use Font Awesome or another font icon set of your choice (icon options and items are customizable). +
-- -
-
- Note: In dropdowns the placement is controlled by the Bootstrap dropdown plugin
-
++
+ Note: In dropdowns the placement is controlled by the Bootstrap dropdown plugin +
{ //... title: 'With custom options', - icons: ['fa-github', 'fa-heart', 'fa-html5', 'fa-css3'], + icons: [ + { + title: "fab fa-github", + searchTerms: ['repository', 'code'] + }, + { + title: "fas fa-heart", + searchTerms: ['love'] + }, + { + title: "fab fa-html5", + searchTerms: ['web'] + }, + { + title: "fab fa-css3", + searchTerms: ['style'] + } + ], selectedCustomClass: 'label label-success', mustAccept:true, placement:'bottomRight', showFooter:true, //... (see the source code of this page) }-
-{ - //... - title: 'Prepending glypghicons', - icons: $.merge([ - 'glyphicon-home', - 'glyphicon-repeat', - 'glyphicon-search', - 'glyphicon-arrow-left', - 'glyphicon-arrow-right', - 'glyphicon-star'], - $.iconpicker.defaultOptions.icons), - fullClassFormatter: function(val){ - if(val.match(/^fa-/)){ - return 'fa '+val; - }else{ - return 'glyphicon '+val; - } - } - //... -}-
+ Tip: You can use any font library of your choice and add the icons this way,
+ mix them up with Font Awesome icons, etc.
+