keselect
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

Keselect

Keselect is a zero dependencies improved selectbox that have feature to search the options.

  • Easy to use
  • Able to set the options from Ajax
  • It's jQuery free

Install

You can download it from:

https://github.com/gattigaga/keselect/releases

You can pick keselect.min.css and keselect.min.js from dist directory and use that like this.

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Other code -->
    <link rel="stylesheet" href="./keselect.min.css" />
  </head>
  <body>
    <!-- Other code -->
 
    <script src="./keselect.min.js"></script> 
  </body>
</html>

or

You can install it via NPM:

npm install keselect

And import that like this.

import Keselect from "keselect";
import "keselect/dist/keselect.min.css";

Example

Basic

Set options via Ajax

onChange callback

Options

Key Type Default Value Description
isDisabled boolean false Toggle disable select functionality.
onSearch (keyword: string, setItems: Function) => void null Used to set options from Ajax result.
onDropdownClose () => void null Callback that called after dropdown closed.
onDropdownOpen () => void null Callback that called after dropdown opened.

Methods

Name Type Description
setValue (value: string) => void Set new value.
getValue () => string Get keselect's value.
destroy () => void Destroy keselect's instance.
onChange (callback: Function) => void Callback that be called when user change the value by clicking an option item.

Development

npm start - to start development environment

npm test - to test the project

npm run build - to build project in production

License

This project is licensed under the MIT License.

Package Sidebar

Install

npm i keselect

Weekly Downloads

0

Version

1.0.1

License

MIT

Unpacked Size

76.5 kB

Total Files

19

Last publish

Collaborators

  • gattigaga