Socket
Socket
Sign inDemoInstall

polaris-for-vscode

Package Overview
Dependencies
15
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

polaris-for-vscode

Polaris Design System VS Code extension


Version published
Maintainers
1
0

Weekly downloads

Readme

Source

Polaris for VS Code

Official VS Code extension for building with the Shopify Polaris Design System.

Demo of Polaris for VS Code tokens autocomplete

Features

Design Token Autocomplete

Get code autocomplete suggestions for the Polaris Design Tokens

  • 🗄️ Automatically works for CSS and Sass files
  • 🔍 Preview design token values in autocomplete description
  • 🎨 Color previews for all color tokens
  • 🥇 Relevant code completions based on the current line of code

How to use

Once installed and enabled, the Polaris for VS Code extension will automatically run in any CSS and Sass files.

To trigger tokens autocomplete feature:

  1. Open a CSS or Sass file from your project
  2. Start typing the CSS property you want to set ex. color:
  3. Type the extension trigger characters --. This will bring up the relevant autocomplete tokens associated with the CSS property typed.

Keywords

FAQs

Last updated on 19 May 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc