Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>emotion-auto-cssNew to Visual Studio Code? Get it now.
emotion-auto-css

emotion-auto-css

ccjr

|
8,411 installs
| (3) | Free
auto fill normal format css in css-in-js
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

emotion-auto-css README

if you want it to work in jsx、tsx and ts. You need add this setting in vscode:

"editor.quickSuggestions": {
    "strings": true
}

You can get the style name prompt in normal format in this code.

<div css={css``}></div>

Features

exmaple

Release Notes

0.0.4

make it smarter

  • Add properties hints for some styles
  • Remove the style name prompt in properties area

0.0.3

fix not prompted in jsx、tsx、ts. But you need add setting this in vscode.

"editor.quickSuggestions": {
    "strings": true
}

0.0.2

update README.md

0.0.1

a simple version


  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft