Modfy Design Extras

Here are where we stores custom tailwind properties, colors, etc.

And logos, icons, etc.

Usage

pnpm install @modfy/design

// tailwind.config.js
const withModfyTailwindConfig =
  require('./dist/tailwind.config.cjs').withModfyTailwindConfig

module.exports = withModfyTailwindConfig({
  purge: ['**/*.tsx'],
  theme: {
    extend: {
      colors: {
        orange: colors.orange
      }
    }
  },
  variants: {
    extend: {}
  },
  plugins: [require('@tailwindcss/forms')]
})

Dev

Add tailwind customization to tailwind.config.ts

pnpm build - to update tailwind config

Use App.tsx to play with your changes and styles

pnpm dev