GGzodo UI

Tailwind

Optional Tailwind preset. The library does not require it.

@gzodo/ui does not require Tailwind. When a project already uses it:

  1. Pass utilities through className (merged with tailwind-merge)
  2. Optionally load the preset so tokens become Tailwind colors

className

Code

import { Button } from '@gzodo/ui'

<Button variant="primary" className="mt-4 w-full md:w-auto" />

Preset

Code

import gzodoPreset from '@gzodo/ui/tailwind-preset'

export default {
  presets: [gzodoPreset],
  content: ['./src/**/*.{ts,tsx}'],
}