Skip to content

dialtone-icons 4.15.1-alpha.1

Install from the command line:
Learn more about npm packages
$ npm install @dialpad/dialtone-icons@4.15.1-alpha.1
Install via package.json:
"@dialpad/dialtone-icons": "4.15.1-alpha.1"

About this version

Dialtone Icons

This is the home for Dialtone icons. It includes the resources needed to implement icons on your application that conform to Dialpad’s design principles and best practices.

Install Dialtone icons via NPM

To add Dialtone icons into your project, you can install it via NPM:

npm install --save @dialpad/dialtone-icons

Once installed, you can import icons in a couple different ways:

In Vue.js

  • Individually (tree-shakeable):
// named import (preferred on vite)
import { DtIconAccessibility } from '@dialpad/dialtone-icons/vue2'; // Vue 2.6+
import { DtIconAccessibility } from '@dialpad/dialtone-icons/vue3'; // Vue 3+

// default import (preferred on webpack)
import DtIconAccessibility from '@dialpad/dialtone-icons/vue2/accessibility'; // Vue 2.6+
import DtIconAccessibility from '@dialpad/dialtone-icons/vue3/accessibility'; // Vue 3+
  • All the icon components:
import * as icons from '@dialpad/dialtone-icons/vue2'; // Vue 2.6+
import * as icons from '@dialpad/dialtone-icons/vue3'; // Vue 3+

In other framework (backbone, jQuery, vanilla)

import DtIconAccessibility from '@dialpad/dialtone-icons/accessibility.svg';

Committing

If you need to add icons, follow the next steps to get your icons committed.

  1. Place the .svg files into src/svg inside the category folder.
  2. Run nx build dialtone-icons
  3. Commit and push your changes.

Requesting features / reporting bugs

Requesting a feature or reporting a bug? Please do so at the below links:

Please also feel free to contact us via the #dialtone Dialpad channel with any questions.

Details

Assets

  • dialtone-icons-4.15.1-alpha.1.tgz

Download activity

  • Total downloads 0
  • Last 30 days 0
  • Last week 0
  • Today 0

Recent versions

View all