@prestashopcorp/puik-tailwind-preset

Puik Tailwind Preset

The PrestaShop UI Kit Tailwind CSS

Documentation

About The Project

Puik Tailwind Preset is a Tailwind CSS preset that aims to provide all the design tokens based on the PrestaShop Design System for all the PrestaShop ecosystem.

Prerequisites

• Tailwind Css 3+

Installation

# NPM
$ npm install @prestashopcorp/puik-tailwind-preset --save

# Yarn
$ yarn add @prestashopcorp/puik-tailwind-preset

# pnpm
$ pnpm install @prestashopcorp/puik-tailwind-preset

Usage

If you want to use the Tailwind CSS preset used for this library you can import the configuration in your project.

Require the puikTailwindPreset in your tailwind.config.{js|ts} file

const { puikTailwindPreset } = require('@prestashopcorp/puik-tailwind-preset')
/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [puikTailwindPreset],
}

Available tokens

You can find all the available tokens here