@clasing/ui v0.1.61

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 not using TailwindCSS

If you are not using TailwindCSS in your project, you need to add the following line to your index.tsx, layout.tsx or root file: import "@clasing/ui/styles"

If you are using TailwindCSS

If you are using TailwindCSS in your project, you need to add the following line to your tailwind.config.js file (have in account that you should have the initial config of TailwindCSS):

• At content array, add ./node_modules/@clasing/ui/dist/index.umd.js
• At presets array, add require('@clasing/ui/tailwind.config.js')
• Add the following line to your index.tsx, layout.tsx or root file: import "@clasing/ui/styles"

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"

Contributing

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