• This template provides a minimal setup to create a library in React using Vite.
• This uses styledcomponents for styling
• It uses javascript. Typescript also can be configured easily by adding relevant libraries.

Publish the library using the below command

  npm run publish:lib

Once you have published the repo to npm, Install react-component-library-vite with npm. Feel free to change the name in package.json.

  npm install react-component-library-vite

Example 1:

import { Button} from 'react-component-library-vite/components';

<Button>Primary</Button>

Example 2: Assume we are having common styles which should be applied to any application that uses this library, we can export a css and use that in our project as below. I have a customstyles.css file in my library, which I am importing in my project as:

import 'react-component-library-vite/customstyles.css'

You can run test cases with the below command

  npm run test

Basic storybook setup is also present and it can be run using below command

  npm run storybook