Getting Started
Quick Start
Make sure that you have Node.js and Tailwind CSS installed.
1
Install LxRoot Agent
To start, add LxRoot as a dependency to your project by running the following command:
npm install lxroot-cli
This will install the CLI tool and make it available for use in your project.
2
Add config to app.css:
Next, configure your main CSS to use LxRoot variables.
@import "tailwindcss";
@plugin "lxroot";
/* Required only if you want to use JS components */
@source "./node_modules/lxroot/dist/index.js";
This ensures that styling is applied correctly throughout your project. If you want to include specific JS component:
@source "./node_modules/lxroot/dist/accordion.js";
3
Include JavaScript in HTML
Finally, link the script at the end of your body tag.
<script src="./node_modules/lxroot/dist/lxroot.js"></script>