React Elements

React wrapper components for VSCode Elements.

Note

Starting from React version 19, you no longer need this wrapper library, but you can still use it.

Install

npm i @vscode-elements/react-elements

A minimal working example

import{VscodeBadge,VscodeTabHeader,VscodeTabPanel,VscodeTabs,}from"@vscode-elements/react-elements";functionApp(){return(<><VscodeTabsonVscTabsSelect={(e)=>{console.log(e);}}><VscodeTabHeader>Lorem<VscodeBadgevariant="counter"slot="content-after">10</VscodeBadge></VscodeTabHeader><VscodeTabPanel>panelcontent1</VscodeTabPanel><VscodeTabHeader>Ipsum</VscodeTabHeader><VscodeTabPanel>panelcontent2</VscodeTabPanel></VscodeTabs></>);}exportdefaultApp;