uiarch-design-system-components

An example component library built with Vue CLI 3.

Installation

Directly in the browser

To use a small subset of components, drop them in individually:

<div id="app">
  <step-indicator
    :current="1"
    :total="6"
    :titles="['one', 'two', 'three', 'four', 'five', 'six']"
  >
  </step-indicator>
</div>

<script src="https://unpkg.com/vue"></script>
<script src="packages/uiarch-design-system-components/umd/index.min.js"></script>
<script>
  new Vue({ el: '#app' })
</script>

In a module system

Install the library with NPM:

npm install uiarch-design-system-components

Then either import the library and either globally register all components with:

import UiarchDesignSystemComponents from 'uiarch-design-system-components'

Vue.use(UiarchDesignSystemComponents)

or import and locally register a single component with:

import { StepIndicator } from 'uiarch-design-system-components'

export default {
components: { UiarchDesignSystemComponents }
}

Individually packaged components

If you only want to use a small subset of components, import only individually packaged components to reduce the size of your application:

import StepIndicator from 'UiarchDesignSystemComponents.step-indicator'