Self-closing tag

[hansokumake]

How can I configure emmet package to generate self-closing tags for HTML documents?

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[brunowego]

I get this small issue when I try autocomplete a img tag:

[ccqgithub]

I have the same trouble ...

[mpolichette]

I use emmet for writing JSX and it would be really cool if emmet would let use cycle through the forms.
E.G. repeatedly hitting ctrl+e would cycle as such:
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

I think this would make it really simple to learn/discover the feature also.

[huarse]

+1, @mpolichette 's suggest is a good idea.

[mpolichette]

For what it's worth, I use prettier in my projects now, and it will close tags automatically for me... so generating a self closing tag is less of a big deal.

This still would be a nice feature since I often need to open them to add content and a cycle would hopefully allow that...

[sergeche]

The new Emmet 2.0 beta supports self-closing slash in abbreviations, e.g. MyComponent/ → <MyComponent />
See http://github.com/emmetio/atom-plugin

[mugukamil]

@sergeche where I can download Beta Emmet? Now I have 2.4.3 and its not working Header/ - just nothing happen...

[huarse]

@sergeche the same question with upstairs

[sergeche]

There’s a link right in comment: http://github.com/emmetio/atom-plugin

[kylegillen]

Is there a 2.0 beta available for Sublime? I haven't seen this feature in production yet (not even in VSCode)

[sergeche]

Sublime version is not available yet and VSCode has buggy implementation of this feature