7pmlabs-design-system

7pmlabs-design-system

Require 7pmlabs-icons package installed or using CDN: https://unpkg.com/7pmlabs-icons/dist/style.css

DON'T NEED to import @import 'tailwindcss/base'; (https://tailwindcss.com/docs/installation) if you also use Tailwind CSS in your project unless it causes broken styles.

Getting started

npm i 7pmlabs-design-system

Usage

Import CSS & plugin in main.ts:

import '7pmlabs-design-system/style.css';

const app = createApp(App);
...
app.use(ds, { i18n });

Import & use component:

import { BButton } from '7pmlabs-design-system';

<BButton>Click me!</BButton>

Color Customization

CSS Variables:

--ds-colors-primary-f: 81 112 255; // #5170ff --ds-colors-primary-t: 255 102 196; // #ff66c4