@zineddinebk/grid-tailwind-preset

Tailwind CSS preset and base styles for the Open-Source Data Grid Design System.

Live demo · Source

Install

npm install @zineddinebk/grid-tailwind-preset @zineddinebk/grid-react
# or
pnpm add @zineddinebk/grid-tailwind-preset @zineddinebk/grid-react

Setup

Add the preset to your Tailwind config:

import gridPreset from '@zineddinebk/grid-tailwind-preset';

export default {
  presets: [gridPreset],
};

Import component styles in your app:

import '@zineddinebk/grid-react/styles.css';

The preset provides design tokens (spacing, colors, typography) used by @zineddinebk/grid-react and @zineddinebk/grid-vue.

Peer dependency

Requires Tailwind CSS v4+.

License

MIT