Signet Vue Library

Signet Vue Components Library is developed with Signet, an all-in-one design system for all front-end JavaScript frameworks.

How to Install Signet Vue Components Library

Install the main design system.

npm install @episource/signet

Install the VueJS components library

npm install @episource/signet-vue

Using the Vue components

On the main.ts file, add or edit the following lines.

import { EpiDesignSystemVueComponentLibrary } from '@episource/signet-vue';

createApp(App).use(EpiDesignSystemVueComponentLibrary).mount('#app');

Add the component to any .vue or .html file

<my-component first="Sanmi" middle="Ebenezer" last="Ajanaku"></my-component>

Another Alternative to the Vue Component

import { applyPolyfills, defineCustomElements } from '@episource/signet/loader';
// import '@episource/signet/www/build/custom.css'; // if you want theming options, include your css path
// import './custom-global.css';

applyPolyfills().then(() => {
  defineCustomElements();
});
// Vue.config.ignoredElements = [/^k-/];