tailwind-material

Tailwind Material

Tailwind plugin to use all design tokens from Material 3.

How to import:

//tailwind.config.js
import { material } from "tailwind-material";
// or
import material from "tailwind-material";

module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [material({ primary: "#211f21" })], // You can pass the initial pallet obj
};

type InitialPalletColorInHex = {
  primary?: string;
  secondary?: string;
  tertiary?: string;
  neutral?: string;
  neutralVariant?: string;
  error?: string;
};

How to use:

The library also has basic styled elements and utils as dialogs and support to dark and light theme.