Quick Start

Import the Library

First, import the library and its style, then use it as a plugin in your Vue app:

javascript

import SproutDesignSystem from 'design-system-next'; 

import 'design-system-next/style.css'; // import the library's style
import App from './App.vue';

const app = createApp(App);

app.use(SproutDesignSystem); // Register the design system plugin
app.mount('#app');

Default Component Prefix

By default, all components are prefixed with spr-. For example, a button component would be used as <spr-button />.