@prestashopcorp/puik-theme

Puik Components

The PrestaShop UI Kit Vue Components

Documentation

About The Project

Puik Theme is a Css library that contains all the CSS classes used to create the Vue Components.

Installation

Install the @prestashopcorp/puik-theme package and import the css files you need

# NPM
$ npm install @prestashopcorp/puik-theme --save

# Yarn
$ yarn add @prestashopcorp/puik-theme

# pnpm
$ pnpm install @prestashopcorp/puik-theme

Or include the CSS in your HTML by using the CDN

<link
  rel="stylesheet"
  href="https://unpkg.com/@prestashopcorp/puik-theme/dist/index.css"
/>

Usage

Once the CSS styles are loaded using the CDN or by importing the library, you can start using all the classes prefixed by puik-

<button class="puik-button puik-button--primary">Example button</button>