Kunci UI

Kunci React components library

🚀 Usage

Note: Kunci UI depends on tailwindcss, please follow this guide before moving on.

Install

yarn add kunci-ui

Inside tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
    "node_modules/kunci-ui/dist/kunciui.es.js",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Then, you can use components inside your project:

import { Button } from 'kunci-ui'

function App() {
  return <Button>Hi there!</Button>
}

export default App

🔌 Contributing

We use storybook for developing components, to start:

# Install dependencies
yarn install

# Run Storybook for development
yarn dev

To test the package, you can build a package and test it in other projects.

# Build
yarn build

# Pack and publish...
yarn pack