Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Tag ClassNameNew to Visual Studio Code? Get it now.
Tag ClassName

Tag ClassName

allipiopereira

|
2,359 installs
| (1) | Free
This snippet is a useful tool for react developers, allowing the rapid creation of HTML elements with class attributes. When entering the prefix associated with each tag HTML (such as divc for div), the editor automatically inserts the tag with a classname attribute, which is the correct syntax to s
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tag ClassName 🔥

Description

This snippet is a useful tool for react developers, allowing the rapid creation of HTML elements with class attributes. When entering the prefix associated with each tag HTML (such as "divc" for div), the editor automatically inserts the tag with a classname attribute, which is the correct syntax to specify JSX/React classes, instead of the used "class" attribute in standard HTML.

Kitten Content
divc → <div className=""></div>

tagc

List of available tags:

  • main
  • div
  • h1 - h6
  • span
  • p
  • a
  • button
  • ul
  • li
  • input
  • textarea
  • img
  • svg
  • table
  • tbody
  • thead
  • td
  • tfoot
  • select
  • section
  • pre
  • picture
  • option
  • optgroup
  • nav
  • iframe
  • form
  • figure
  • footer
  • caption
  • canvas
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft