• Packages
  • Themes
  • Documentation
  • Blog
  • Discuss
Sign in

emmet-jsx-props

Atom package to extend Emmet's JSX expansions to convert string props to js props
  • #emmet
  • #jsx
  • #react
  • #props
iJigg
1.4.0 20,278
8
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

emmet-jsx-props package

Atom package to extend Emmet's JSX expansions to convert string attributes to js props

Demo

alt tag

Enable tab completion for JSX with Emmet in Atom

This guide assumes you have the emmet and language-babel packages already installed in Atom

  1. Open the keymap.cson file by clicking on Atom -> Keymap… in the menu bar
  2. Add these lines of code to your keymap:
'atom-text-editor[data-grammar~="jsx"]:not([mini])':
  'tab': 'emmet:expand-abbreviation-with-tab'

Now open a file with JSX code, type div[prop=myProp], press tab and it should autocomplete to <div prop={myProp}></div>! (if it's not properly syntax highlighted, select Babel ES6 JavaScript or JSX as the syntax, this won't work otherwise)

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by