Installation
Installation guide for our application.
Setting up Love-Simple-UI is quick and easy, with options to install via npm or Yarn. Love-Simple-UI requires Node.js version 18 or higher for optimal performance.
Install via npm or Yarn
You can easily install Love-Simple-UI into your project using npm or Yarn.
1
Step 1: Install Love-Simple-UI
Add Love-Simple-UI to your project by running the following command:
npm install love-simple-ui
Or, if you prefer Yarn:
yarn add love-simple-ui
2
Step 2: Configure Tailwind CSS
To ensure Tailwind CSS styles from Love-Simple-UI are applied correctly, update your tailwind.config.js
file to include the node_modules/love-simple-ui
directory in the content
array:
// File: tailwind.config.js
module.exports = {
content: [
'./src/**/*.{js,jsx,ts,tsx}',
'./node_modules/love-simple-ui/dist/**/*.{js,jsx,ts,tsx}',
],
theme: {
extend: {},
},
plugins: [],
};
3
Step 3: Import the Components
After installation, you can import and use the components in your React application. Here's an example:
// File: App.js
import { Button } from 'love-simple-ui';
function App(){
return <Button>Click Me</Button>;
};
export default App;