This is the home for Dialtone, Dialpad's design system. It includes the resources needed to create consistent, predictable interfaces that conform to Dialpad’s design principles, language, styles, and best practices.
To add Dialtone into your project, you can install it via NPM:
npm install --save-dev @dialpad/dialtone
Once installed, add the following line in your Less file:
@import "your/path/to/dialtone.less";
If you only need access to Dialtone's variables and customizations to build a file and don't need the whole library exported, use this line instead in your Less file:
@import (reference) "your/path/to/dialtone.less";
To build Dialtone locally, visit our installation instructions.
If you're interested in contributing to Dialtone, please read our contributing docs before submitting a pull request.
Requesting a feature or reporting a bug? Please do so at the below links:
Please also feel free to contact us via the #dialtone slack channel with any questions