ClasingUI

UI library for Clasing react/nextjs projects

Initiliazing the project

• Ensure you have pnpm installed.
• run pnpm install and then pnpm storybook

Installation Guide inside a React project

This guide will help you to install ClasingUI in your React project.

Step 1: Install the package

To install the packages, you need to run the following command: npm install @clasing/ui, yarn add @clasing/ui or pnpm add @clasing/ui

Step 2: Initial configuration

If you are using TailwindCSS in your project, you need to add the following lines to your main CSS file: @import '@clasing/ui/styles'; and @source '../../node_modules/@clasing/ui/dist*.{js,ts,jsx,tsx}';

Step 3: Using the components

Now you can use the components in your project. You can import the components like this: import { Button } from "@clasing/ui/button"

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Maintenance

For information on updating dependencies and maintaining the project, see MAINTENANCE.md.