Senzui

Installing Senzui

You can get started on using senzui on your project with these simple steps:

Install dependencies:
pnpm add senzui clsx tailwind-merge @qwik-ui/headless
Add senzui's theme and default color in your tailwind.config.js:
const { senzuiTheme } = require("senzui");
// import { senzuiTheme } from 'senzui'

const config = {
  darkMode: "class",
  // ...
  theme: {
    extend: {
      colors: {
        senzui: senzuiTheme.main,
        theme: senzuiTheme.theme,
      },
    },
  },
};

export default config;
Lastly, add senzui's node_module directory in your tailwind file for tailwind to scan the classes and apply the styles:
/** @type {import('tailwindcss').Config} */
const config = {
  content: [
    // ...,
    "./node_modules/senzui/**/*.{cjs,mjs}",
  ],
};

export default config;
You can now use the component you want!
import { Accordion } from "senzui";

const SenzuiSucks = () => {
  return <Accordion>{/* ... */}</Accordion>;
};