Vue component library for Dialpad's design system Dialtone
npm install @dialpad/dialtone-vueDialtone 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
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.
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