Dialtone Vue 📞

Dialtone Vue is a library of Vue components for [Dialtone][dt]. The goal is to simplify and standardize the use of common UI patterns and behaviour across all Dialpad projects.

- [Component Documentation Site ↗️][dialtone-vue]

[dt]: https://dialtone.dialpad.com
[dialtone-vue]: https://dialtone.dialpad.com/vue

Installation

You can install the Dialtone Vue library into your project via the following command:

``bash
npm install @dialpad/dialtone-css @dialpad/dialtone-vue
`

> Note: Dialtone Vue 2 has been deprecated. Please use Dialtone Vue 3.

Usage

First you must globally import Dialtone's css:

`js
import '@dialpad/dialtone-css';
`

or

`css
@import '@dialpad/dialtone-css';
`

Dialtone Vue components can be imported directly from the package. Some components also export named constants, which can be imported as well:

`js
import { DtInput, VALIDATION_MESSAGE_TYPES } from '@dialpad/dialtone-vue';
`

Projects using Dialtone Vue should be aware of the requirements:

- Dialtone classes must be made available globally (to avoid duplication, Dialtone Vue does not do this for you).
- A tool like Webpack must be used to package the SFC components from Dialtone Vue.
- LESS preprocessor support for Vue SFC