Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>DialtoneNew to Visual Studio Code? Get it now.
Dialtone

Dialtone

Preview

Dialpad

|
45 installs
| (0) | Free
Language Support for Dialtone components and tokens
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Dialtone VSCode Extension

Enhances the Dialtone development experience by providing Visual Studio Code users with autocomplete features.

Features

Autocomplete

TIP: If no completion is provided automatically (depends on your VSCode config), press Ctrl + Space or Cmd + I to trigger the completions.

Intelligent completion suggestion for Dialtone components

  • type: <dt-| to get a list of components. Dialtone components completion example

  • type: <dt-button | to get a list of component props, (the list will show up at the bottom of the list) so click the arrow up, to quickly go to the dialtone component props. Dialtone component properties completion example

  • type: <dt-button size="|" to get a list of prop values. Dialtone component property values completion example

Intelligent completion suggestion for Design tokens

  • type: var(--dt-|) to get a list of CSS variables. Dialtone tokens completion example

Intelligent completion suggestion for CSS utility classes

  • type: class="|" to get a list of CSS variables. CSS utility classes completion example

Hover Preview

Hover over a dialtone component, prop, utility class or token to see documentation.

Component

Dialtone component hover example

Prop

Dialtone property hover example

Utility class

Dialtone utility class hover example

Token

Dialtone token hover example

Extension Commands

Dialtone: Show Output

Reveal the language server log panel. This command is only available when there is an active language server instance.

Troubleshooting

If you’re having issues getting the Dialtone Extension features to activate:

  • Take a look at the language server output by running the Dialtone: Show Output command from the command palette. This may show errors that are preventing the extension from activating.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft