Hodoo-Design-System

🤚 Introduction

Description

• This library is widely used as a design asset for Hodoolabs products and expansion is prohibited.

• Copying, using, or transforming is also prohibited.

• All the rights and knowledge of the Hodoolabs design library belong to the Hodoolabs develop team.

📦 Install

npm install hodoo-design
yarn add hodoo-design

🔨 Usage

import { Button } from "hodoo-design";

const App = () => (
  <Button
    color="white"
    size="md"
    label="Button"
    isFull={true}
    onClick={() => alert("button!")}
  />
);

Dependency

//global.css
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

//Tailwind.config.js
content: ["./node_modules/hodoo-design/**/*.{js,jsx,ts,tsx}"];

$ npm install tailwindcss
$ npm install class-variance-authority
$ npm install @heroicons/react
$ npm install tailwind-merge
$ npm install react-tailwindcss-datepicker
& npm install dayjs