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;