VSCode extension for primer/primitives

Install from Visual Studio Marketplace ↗

 

Autocomplete for Primer Primitives improves the suggestions by filtering variables relevant to the CSS property and sorting them based on the Primer team's recommendations.

Features

Smart Autocomplete

Press Ctrl + Space or type -- to pop open suggestions.

Hover Preview

Hover over a variable to see its value. Or values in the case of colors across different color modes.

Open documentation for variable

Right click -> Open Primer documentation for variable to open documentation in a preview within VSCode.

 

Credit

This extension is heavily inspired by vscode-css-variables by Vu Nguyen