npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

ng2-chosen

v0.0.2-beta5

Published

Angular 2 implementation of Chosen

Readme

ng2-chosen

An angular2 implementation of Chosen ( Not a wrapper )

The current implementation is far from being complete .. Work on progress

To execute the example .. run the followings commands :

  • npm install to install Node packages
  • bower install to install Bower packages ( run npm install -g bower if you don't have Bower already installed )
  • gulp dev ( run npm install -g gulp if you don't have Gulp already installed )

Currently supported options

| Option | Default | Description | | --- | --- | --- | | allow_single_deselect | false | When set to true on a single select, Chosen adds a UI element which selects the first element (if it is blank). | | disable_search | false | When set to true, Chosen will not display the search field (single selects only). | | disable_search_threshold | 0 | Hide the search input on single selects if there are n or fewer options. | | max_selected_options | Infinity | Limits how many options the user can select. When the limit is reached, the maxselected event is triggered.| | no_results_text | "No results match"| The text to be displayed when no matching results are found. The current search is shown at the end of the text (e.g., No results match "Bad Search").| | placeholder_text_multiple | "Select Some Options" | The text to be displayed as a placeholder when no options are selected for a multiple select.| | placeholder_text_single | "Select an Option" | The text to be displayed as a placeholder when no options are selected for a single select.| | single_backstroke_delete |true|By default, pressing delete/backspace on multiple selects will remove a selected choice. When false, pressing delete/backspace will highlight the last choice, and a second press deselects it.| | display_selected_options | true | By default, Chosen includes selected options in search results with a special styling. Setting this option to false will hide selected results and exclude them from searches. Note: this is for multiple selects only. In single selects, the selected result will always be displayed.|