credismart-ui

Reusable Vue 3 component library for Credismart UI.

Installation

npm install credismart-ui

Usage

import { createApp } from 'vue';
import App from './App.vue';
import CredismartUIPlugin from 'credismart-ui';
import 'credismart-ui/styles.css';

const app = createApp(App);
app.use(CredismartUIPlugin);
app.mount('#app');

You can also import individual components:

import { MyButton, SelectInput } from 'credismart-ui';
import 'credismart-ui/styles.css';

Design Tokens

The library exposes CSS variables via:

import 'credismart-ui/tokens.css';

Example token overrides in your project:

:root {
  --cs-color-primary: #2563eb;
  --cs-color-warning: #f59e0b;
}

You can also import JS token references:

import { tokens } from 'credismart-ui';

console.log(tokens.colors.primary); // var(--cs-color-primary)

Build Library

npm run build:lib