Skip to content

Vann-Dev/kokoro

Repository files navigation

icon banner

@kokoro-ui

Lightweight UI Components for React


Requirements


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