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

1.6.4 • Public • Published

UX Select

Free and lightweight native(vanilla) JavaScript plugin that replace native select elements with customization.

Status

npm jsDelivr hits (npm scoped) Static Badge GitHub Workflow Status (with event) GitHub Workflow Status (with event)

Installation

ES-module

npm i ux-select

Non ES-module

Install plugin files from dist directory;

  • ux-select.min.css
  • ux-select.min.iife.js

Usage

ES-module

import UxSelect from "ux-select/dist/ux-select.min.js";

Non ES-module

Add styles and script to project

<link rel="stylesheet" href="path/to/ux-select.min.css" type="text/css" />
<script src="path/to/ux-select.min.iife.js"></script>

Initialize ux-select in .js file

const myUxSelect = new UxSelect(element, options);

Style customization

You can customize styles by replace CSS-variables what contain "--uxs" prefix and placed on :root.

Documentation

More details on ux-select.com.

License

UX Select is licensed by MIT

It can be used for free and without any attribution, in any personal or commercial project.

Future additions

  • Images for options and groups
  • Focus events
  • Group sorting

Package Sidebar

Install

npm i ux-select

Weekly Downloads

2

Version

1.6.4

License

MIT

Unpacked Size

90.2 kB

Total Files

13

Last publish

Collaborators

  • afonchenkov.dmitrii