Skip to content

adisthya/bootstrap-iconpicker

 
 

Repository files navigation

Build Status Code Climate npm Bower Release Tag Issues Issues

Iconpicker

A simple iconpicker for Bootstrap 3.x.

Please note that this project is for Bootstrap 3.x, including Glyphicons. Other icon fonts thats supports: Elusive Icons, Font Awesome, Ionicons, Map Icons, Material Design Icons, Octicons, Typicons, Weather Icons.

Table of contents

Quick start

Three quick start options are available:

  • Download the latest release: Tag.
  • Clone the repo: git clone https://github.com/victor-valencia/bootstrap-iconpicker.git.
  • Install with Bower: bower install bootstrap-iconpicker.
  • Install with npm: npm install bootstrap-iconpicker.

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

bootstrap-iconpicker/
├── css/
│   ├── bootstrap-iconpicker.css
│   ├── bootstrap-iconpicker.min.css
├── js/
│   ├── bootstrap-iconpicker-iconset-all.js
│   ├── bootstrap-iconpicker-iconset-all.min.js
│   ├── bootstrap-iconpicker.js
│   └── bootstrap-iconpicker.min.js

We provide compiled CSS and JS (bootstrap-iconpicker.*), as well as compiled and minified CSS and JS (bootstrap-iconpicker.min.*).

All iconset includes in previous versions are included in file (bootstrap-iconpicker-iconset-all.js) compiled and (bootstrap-iconpicker-iconset-all.min.js) minified.

Supported Iconset

Iconset Versions
Elusive Icons v2.0.0 (lastest)
Flag Icons v2.8.0 (lastest)
Font Awesome Icons v4.0.0, v4.1.0, v4.2.0, v4.3.0, v4.4.0, v4.5.0, v4.6.0 and v4.7.0 (lastest)
Glyphicons v3.3.7 (lastest)
Ionicons v1.5.2 and v2.0.1 (lastest)
Map Icons v2.1.0 (lastest)
Material Design Icons v2.0.0, v2.0.1, v2.0.2, v2.1.0, v2.1.1, v2.1.2 and v2.2.0 (lastest)
Octicons v2.0.0, v2.0.1, v2.0.2, v2.1.0, v2.1.1, v2.1.2, v2.2.0, v2.2.1, v2.2.2, v2.2.2, v2.3.0, v2.4.0, v2.4.1, v3.0.0, v3.1.0, v3.2.0, v3.3.0, v3.4.0, v3.4.1, v3.5.0, v4.0.0, v4.1.0, v4.1.1, v4.2.0, v4.2.1, v4.3.0 and v4.4.0 (lastest)
Typicons v2.0.1, v2.0.2, v2.0.3, v2.0.4, v2.0.5, v2.0.6, v2.0.7, v2.0.8 and v2.0.9 (lastest)
Weather Icons v1.2.0 (lastest)

Documentation and live examples

See documentation and live examples here: http://victor-valencia.github.io/bootstrap-iconpicker

Bugs and feature requests

Have a bug or a feature request? Please open a new issue. Before opening any issue, please search for existing issues and read the Issue Guidelines, written by Nicolas Gallagher. You may use this JSFiddle as a template for your bug reports.

What´s next

  • Includes all iconset files in file bootstrap-iconpicker-iconset-all.js.
  • Add option iconsetVersion.
  • Support for Flag Icons v2.8.0.
  • Support for multiple versions (v2.0.1, v2.0.2, v2.0.3, v2.0.4, v2.0.5, v2.0.7, v2.0.8 and v2.0.9) of Typicons.
  • Support for multiple versions (v2.0.0, v2.0.1, v2.0.2, v2.1.0, v2.1.1, v2.1.2, v2.2.0, v2.2.1, v2.2.2, v2.2.2, v2.3.0, v2.4.0, v2.4.1, v3.0.0, v3.1.0, v3.2.0, v3.3.0, v3.4.0, v3.4.1, v3.5.0, v4.0.0, v4.1.0, v4.1.1, v4.2.0, v4.2.1, v4.3.0 and v4.4.0) of Octicons.
  • Support for multiple versions (v1.3.1, v1.3.2, v2.0.0, v2.0.1, v2.0.2, v2.0.3, v2.0.4, v2.0.5, v2.0.6, v2.0.7, v2.0.8, v2.0.9 and v2.0.10) of Weather Icons.
  • Support for multiple versions (v2.0.0, v2.0.1, v2.0.2, v2.1.0, v2.1.1, v2.1.2 and v2.2.0) of Material Design Icons.
  • Support for multiple versions (v2.0.1 @ibrahimyilmaz7) of Ionicons.

Changelog

  • v1.8.2.
  • v1.8.1.
    • Support for npm install.
  • v1.8.0.
    • Fix for case, when there are no icons, and count is displayed, as '1 - 0 of 0 '. @joews.
    • Support for multiple versions (v4.3.0 @michaelbilcot, v4.4.0, v4.5.0, v4.6.0 and v4.7.0) of Font Awesome Icons.
  • v1.7.0.
    • Support for button and div tags.
    • All iconset includes the empty icon value.
    • Option rows accepts the value 0 to indicate all rows.
    • Add options:
      • align
      • header
      • footer
    • Add methods:
      • setAlign
      • setHeader
      • setFooter
    • Support for 1 more icon fonts:
  • v1.6.0.
    • Restructure iconset configuration.
    • Option iconset accepts String and Object (Limit your iconset option).
    • Add options:
      • arrowPrevIconClass
      • arrowNextIconClass
      • labelHeader
      • labelFooter
    • Add methods:
      • setArrowClass
      • setArrowPrevIconClass
      • setArrowNextIconClass
      • setCols
      • setIconset
      • setLabelHeader
      • setLabelFooter
      • setPlacement
      • setRows
      • setSearch
      • setSearchText
      • setSelectedClass
      • setUnselectedClass
    • Support for 6 more icon fonts:
  • v1.5.0.
    • Add search field.
  • v1.4.0.
    • Support for customization of the component.
  • v1.3.1.
    • Bind body click to solve issues for ajax loaded pages. @crlcu
  • v1.3.0.
  • v1.2.1.
  • v1.2.0.
    • Add the method setIcon.
  • v1.1.0.
    • Dispatch change event when an iconpicker is changed. @promatik
  • v1.0.1.
    • Reducing the size of the source file.
  • v1.0.0.
    • Version initial.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap-Iconpicker is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to those rules whenever possible.

Releases will be numbered with the following format:

<major>.<minor>.<patch>

And constructed with the following guidelines:

  • Breaking backward compatibility bumps the major while resetting minor and patch
  • New additions without breaking backward compatibility bumps the minor while resetting the patch
  • Bug fixes and misc changes bumps only the patch

For more information on SemVer, please visit http://semver.org/.

Author

@victor-valencia

Contributors

@victor-valencia, @promatik, @jwhitfieldseed, @crlcu, @michaelbilcot, @joews, @s-belichenko-sold, @mahmoud-asadi

License

Licensed under the MIT license.

About

A simple icon picker

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • JavaScript 76.3%
  • HTML 12.5%
  • CSS 11.2%