Popup Option Picker With Vanilla JavaScript – pickout

Category: Form , Javascript | August 15, 2018
Author:ktquez
Views Total:2,506 views
Official Page:Go to website
Last Update:August 15, 2018
License:MIT

Preview:

Popup Option Picker With Vanilla JavaScript – pickout

Description:

pickout is a Vanilla JavaScript library to enhance the default select box that allows you to select an option from a popup box. Also supports option filtering.

How to use it:

Load the pickout.css to style the picker popup.

<link rel="stylesheet" href="pickout.css">

Load the pickout.js at the end of the webpage.

<script src="pickout.js"></script>

Enable the pickout on a target select box.

pickout.to('.pickout');

Pass the options to the pickout.

pickout.to({
  // target select box
  el:'.city',
  // 'dark' or 'theme'
  theme: 'dark', 
  // filterable
  search: true
  
});

Changelog:

v2.0 (08/15/2018)

  • Bugfix

You Might Be Interested In:


Leave a Reply