Visual Studio Code Tag

March 8, 2023 · View on GitHub

The vscode-tag component is used to label an item, attract attention, and/or flag status.

Tag hero

Usage

❌ Don't✅ Do
A tag incorrectly displaying numbersA tag using a text label
Don't use tags to display numbers. If a component that highlights an item with a number is desired, see the vscode-badge component.Use tags as text labels to indicate purpose or status for content.

Implementation

Interactive component examples

Attributes

None

Basic Tag

<vscode-tag>Tag Text</vscode-tag>

Contents

  1. 1Usage
  2. 2Implementation
  3. 2.1Attributes
  4. 2.2Basic Tag