@cappe/ui

To use the UI Library, you need to install the package from npm.

pnpm install @cappe/ui

Once installed, since this is a tailwind based library, you need to include the following to your tailwind config

/** @type {import('tailwindcss').Config} */

import tailwindConfig from '@cappe/ui/lib/tailwind.config.js';

export default {
  // required
  content: [
    ...tailwindConfig.content,
  ],
};

Once finished, you can import the components you need from the package.

import { Button } from '@cappe/ui';

All components respect the theme and color palette that is set in your project. e.g. if your tailwind gray is a different color, the components will reflect that.