@7pmlabs/design-system 0.1.0

package/README.md

@@ -0,0 +1,38 @@
+# 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