More Premium Hugo Themes Premium React Themes

Selectivity

Modular and light-weight selection library

Selectivity

Modular and light-weight selection library

Author Avatar Theme by arendjr
Github Stars Github Stars: 1095
Last Commit Last Commit: Mar 12, 2020 -
First Commit Created: Dec 18, 2023 -
Selectivity screenshot

Overview:

Selectivity.js is a modular and lightweight selection library. However, it has been deprecated and will no longer be maintained by Speakap. As a result, they are looking for someone interested in taking over ownership of the library.

Features:

  • Modular design
  • Lightweight
  • Official Selectivity React API available (requires React to be loaded on the page)
  • Official Selectivity jQuery API available (requires jQuery or Zepto.js to be loaded on the page)
  • Default templates assume FontAwesome is included for displaying icons, but custom templates can be specified

Installation:

To install Selectivity.js, follow these steps:

  1. Download and unpack the latest release from the project website.
  2. Copy the JavaScript and CSS files for your desired build from the archive into your project. The required files depend on the build you choose (jQuery, React, or VanillaJS).
  3. Reference the files in your HTML page. Include the FontAwesome line for default icons (optional if using custom templates), reference the CSS file from the chosen bundle, and include jQuery, React, or Zepto.js as appropriate. If using the React templates plugin, also include react-dom.js.
  4. Finally, reference the JavaScript file from the chosen bundle.

Alternatively, you can use Yarn or NPM to install Selectivity.js by running the appropriate command. Note that you will need to include the CSS yourself, which is located in the node_modules/selectivity/selectivity.css file.

Summary:

Selectivity.js is a lightweight selection library that offers modular design and official APIs for both React and jQuery. However, Speakap has deprecated the library and is no longer maintaining it. The installation process includes downloading the necessary files and referencing them in your HTML page. Alternatively, you can use Yarn or NPM to install the library.