Add missing label component

Author: bendera

packages/demo/src/App.tsx

@@ -4,9 +4,11 @@ import viteLogo from "/vite.svg";
 import "./App.css";
 import {
   VscodeBadge,
+  VscodeLabel,
   VscodeTabHeader,
   VscodeTabPanel,
   VscodeTabs,
+  VscodeTextfield,
 } from "@vscode-elements/react-elements";
 
 function App() {
@@ -15,6 +17,9 @@ function App() {
   return (
     <>
       <div>
+        <VscodeLabel htmlFor="test">Test</VscodeLabel>
+        <VscodeTextfield id="test"></VscodeTextfield>
+
         <VscodeBadge variant="counter">10</VscodeBadge>
         <VscodeTabs
           onVscTabsSelect={(e) => {

packages/lib/src/components/VscodeLabel.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { VscodeLabel as WC } from "@vscode-elements/elements";
+
+const VscodeLabel = createComponent({
+  tagName: "vscode-label",
+  elementClass: WC,
+  react: React,
+  displayName: "VscodeLabel",
+});
+
+export default VscodeLabel;

packages/lib/src/main.ts

@@ -10,6 +10,7 @@ import VscodeFormContainer from "./components/VscodeFormContainer";
 import VscodeFormGroup from "./components/VscodeFormGroup";
 import VscodeFormHelper from "./components/VscodeFormHelper";
 import VscodeIcon from "./components/VscodeIcon";
+import VscodeLabel from "./components/VscodeLabel";
 import VscodeMultiSelect from "./components/VscodeMultiSelect";
 import VscodeOption from "./components/VscodeOption";
 import VscodeProgressRing from "./components/VscodeProgressRing";
@@ -44,6 +45,7 @@ export {
   VscodeFormGroup,
   VscodeFormHelper,
   VscodeIcon,
+  VscodeLabel,
   VscodeMultiSelect,
   VscodeOption,
   VscodeProgressRing,