Skip to content

Latest commit

 

History

History
63 lines (39 loc) · 1.94 KB

README.md

File metadata and controls

63 lines (39 loc) · 1.94 KB

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 --save

Non ES-module

Install plugin files from dist directory;

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

Usage

ES-module

import UxSelect from 'ux-select/dist/js/ux-select.es.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.iife.js"></script>

Initialize ux-select in .js file

const myUxSelect = new UxSelect(element, params)

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.