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';

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {},
  },
  plugins: [material()], // 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.