Indroduction

Zenith is a collection of Tailwind CSS components and utilities that can be used to build modern web applications.

Documentation

Visit https://zenith-tailwind-storybook.online for documentation.

Installation

npm install @zenith-tailwind/styles @zenith-tailwind/react

yarn add @zenith-tailwind/styles @zenith-tailwind/react

Configuration

tailwind.config.js

const { withZenith } = require("@zenith-tailwind/react");

/** @type {import('tailwindcss').Config} */
module.exports = withZenith({
  content: ["./src/**/*.{js,jsx,ts,tsx}"],

  // Toggle dark-mode based on data-mode="dark"
  darkMode: ["class", '[data-mode="dark"]'],
  theme: {
    extend: {},
  },
  plugins: [],
});