Robuust Vue Components

Appearance

Getting started ​

Installation ​

Prerequisites ​

Install the package 📦 ​

bash
npm install @robuust-digital/vue-components
bash
yarn add @robuust-digital/vue-components

Import the CSS 🎨 ​

Import our base CSS file in your main entry file:

javascript
import '@robuust-digital/vue-components/core/css';

Customize Components with CSS variables ⚡ ​

css
:root {
  /* Accordion */
  --rvc-accordion-border-width: var(--rvc-base-border-width);
  --rvc-accordion-border-style: var(--rvc-base-border-style);

  /* Button */
  --rvc-button-bg-color: var(--color-primary-500);
  --rvc-button-color: var(--color-black);
}

Example Configuration

With this configuration, you can create a custom theme for all components. Each project can apply its own colors and style variants by simply adjusting these values.