Nascent Personality Manifestation

    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.

    Install

    npm i keselect

    DownloadsWeekly Downloads

    9

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    76.5 kB

    Total Files

    19

    Last publish

    Collaborators

    • avatar