Installation

Install the npm package

npm install uikit-library-ev

Install and configure TailwindCSS

• For the installation follow the Official Guide on the Tailwind Web Site.
• Replace the content of your tailwind.config.js with:

module.exports = {
    content: [
        "./src/**/*.{js,jsx,ts,tsx}",
        "./node_modules/uikit-library-ev/**/*.{js,jsx,ts,tsx}",
    ],
    theme: {
        extend: {},
    },
    plugins: [],
}

• Replace the content of your index.css (or tailwind.css) width:

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    h1 {
        @apply text-5xl font-semibold mt-2 mb-2;
    }

    h2 {
        @apply text-3xl font-medium mt-2 mb-2;
    }

    h3 {
        @apply text-2xl font-medium;
    }

    h4 {
        @apply text-xl font-medium;
    }

    h5 {
        @apply text-lg font-bold;
    }

    h6 {
      @apply text-base font-bold;
    }
}

Customize your component with Storybook

Access to Storybook Docs, visually customize your component and use the automatically generated React component