Vann-Dev/kokoro

Lightweight UI Components for React

@kokoro-ui

Lightweight UI Components for React

See documentation

Requirements

• tailwindcss 3 or later
• react 18 or later

---

npm

npm i @kokoro-ui/theme @kokoro-ui/color

---

pnpm

pnpm add @kokoro-ui/theme @kokoro-ui/color

---

yarn

yarn add @kokoro-ui/theme @kokoro-ui/color

---

Tailwind Setup

tailwind.config.js

const { color } = require("@kokoru-ui/color");

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    // ...
    "./node_modules/@kokoro-ui/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [color({
    primary: "#fff"
  })],
};

tailwind.config.ts

import type { Config } from 'tailwindcss'
import { color } from "@kokoro-ui/color";

const config: Config = {
  content: [
    // ...
    "./node_modules/@kokoro-ui/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [color({
    primary: "#fff"
  })],
}
export default config