Using Directives

Directives in Vue.js are special HTML attributes that allow you to manipulate the DOM. Read more about custom directives at the Vue Docs (opens new window).

Usage

To use a custom directive from the design system, you must import it and tell your application to use it. Create a file called ci-setup.js in a /plugins directory.

// ci-setup.js
import Vue from 'vue';
import { TheDirectiveYouWant } from '@ci/stratus-components';

Vue.directive(TheDirectiveYouWant);

Then define the setup plugin in your app.

plugins: [
  '~plugins/ci-setup.js'
],