Overview:

Lucid is a UI component library developed by Xandr. It offers a range of customizable components that can be used to build user interfaces.

Features:

• Customizable styles: Lucid provides stylesheets written in less, allowing users to easily customize the look and feel of the components.
• Precompiled CSS: For those who don’t use less, Lucid offers a precompiled CSS file that can be directly included in the project.
• Custom CSS Scope: In rare cases where customization of the prefix for all CSS class names is required, Lucid provides a method to set a custom prefix using webpack configuration.

Installation:

To install Lucid, use npm by running the following command:

npm install lucid

Usage:

If you use less, include the stylesheets in your code like this:

@import 'node_modules/lucid-ui/dist/lucid.less';

For those not using less, include the precompiled CSS file in your code:

<link rel="stylesheet" type="text/css" href="node_modules/lucid-ui/dist/lucid.css">

Summary:

Lucid is a UI component library from Xandr that offers customizable components for building user interfaces. It supports both less and precompiled CSS files for styling and provides a method to set custom CSS prefix when needed.