Demonstrate VS Code custom tags / attributes support
Clone or download
Pull request Compare This branch is 10 commits ahead, 5 commits behind mdn:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

Web Component Examples

This is a fork of https://github.com/mdn/web-components-examples to demonstrate VS Code's improved HTML support for custom tags / attributes.

Please send feedback and feature requests to the above issues or open new issues at https://github.com/Microsoft/vscode.

Demo

The support is only in Insiders right now. It'll be made available in the upcoming 1.30 release.

demo

Files of interest

Limitations

  • VS Code does not offer attribute description in completions yet. https://github.com/Microsoft/vscode/issues/63955
  • VS Code's HTML langauge server loads these components upon startup. Ideally, as users change the configuration, VS Code's HTML language server should reload the tags / attributes definitions.
  • slot is not being parsed and no <slot> or <slot name=""> completions yet.
  • Currently this model makes it possible for my-ui-lib to publish a NPM package including a web-components.json, and ask users to include ./node_modules/my-ui-lib/web-components.json in their workspace settings for HTML language features. However, extensions cannot contribute such JSON files yet. Tracked in https://github.com/Microsoft/vscode/issues/64022.
  • No emmet support yet. Tracked in https://github.com/Microsoft/vscode/issues/64032.