Skip to content

emyann/fa-picker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#FontAwesome Bootstrap Picker

This jQuery plugin runs into Bootstrap context and provides a way to browse all font-awesome 4 icons using isotope dynamic placement. FaPicker uses a json-parsed yml file called icons.yml which is located into Font Awesome official repository. That allows to provide all necessary metadata in order to improve user browsing experience.

##Demos FaPicker demo website here
See the demo page here

Initialize

In HTML

  <input type="text" id="myElement" name="TileIcon" data-dnp-widget="fapicker" title="Icon Title" placeholder="Ex: fa fa-envelope" value="">

In JavaScript

Element Basis

  $("#myElement").faPicker();

Global instantiation

  $("[data-dnp-widget='fapicker']").faPicker();

Todo

  • Build Grid Layout
  • Medata Filters
  • Metadata Sorters
  • [_] Infinite Scroll
  • [_]
  • [_] Export selected icon data
  • [_] Events: broadcast chosen icon

About

A FontAwesome Picker jQuery Widget.

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 12