Skip to content

Latest commit

 

History

History
46 lines (35 loc) · 714 Bytes

Readme.md

File metadata and controls

46 lines (35 loc) · 714 Bytes

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