👋🏼 Welcome to Carmine-UI

A Vue 3 component library for carmine.my

Installation

This library uses the following packages.

• TailwindCSS
• v-calendar
• VueUse
• HeadlessUI

Make sure you have them installed in your project.

npm install carmine-ui

After installation, make sure to include this line in your tailwind.config.js

content: [
    ...,
    path.resolve(
            __dirname,
            "./node_modules/carmine-ui/**/*.{vue,js,ts,jsx,tsx}"
        ),
],

To use Carmine UI's default theme, you can import and include this to your tailwind.config.js theme property

import { CarmineTheme } from 'carmine-ui/tailwind';

theme: CarmineTheme;

Then, import CSS styles in your main.ts

import 'carmine-ui/css';