Skip to content

Useful VS Code snippets for creating React Emotion styles.

License

Notifications You must be signed in to change notification settings

mskelton/vscode-react-emotion-snippets

Repository files navigation

VS Code React Emotion Snippets

Build status Extension version Extension installs All Contributors Semantic release

React Emotion snippets for VS Code.

Demo

Snippets

The following snippets are provided by this package. If you have ideas of other snippets that would be helpful, please open an issue.

Imports

Prefix Method Prefix meaning
ies→ import styled from '@emotion/core' Import Emotion styled
iec→ import { css, jsx } from '@emotion/core' Import Emotion css
iej→ import { jsx } from '@emotion/core' Import Emotion jsx

Other snippets

ces→

Create Emotion style

const style = css`

`

cec→

Create Emotion component

/** @jsx jsx **/
import { jsx } from '@emotion/core'

function Component(props) {

}

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Mark Skelton

💻 🤔 📖

Sungdong Jo

📖 💻

This project follows the all-contributors specification. Contributions of any kind welcome!