File tree Expand file tree Collapse file tree 1 file changed +40
-0
lines changed
Expand file tree Collapse file tree 1 file changed +40
-0
lines changed Original file line number Diff line number Diff line change 22
33React wrapper components for [ VSCode Elements] ( https://vscode-elements.github.io ) .
44
5+ ## Install
6+
57``` bash
68npm i @vscode-elements/react-elements
79```
810
11+ ## A minimal working example
12+
13+ ``` typescript
14+ import {
15+ VscodeBadge ,
16+ VscodeTabHeader ,
17+ VscodeTabPanel ,
18+ VscodeTabs ,
19+ } from " @vscode-elements/react-elements" ;
20+
21+ function App() {
22+ const [count, setCount] = useState (0 );
23+
24+ return (
25+ <>
26+ < VscodeTabs
27+ onVscTabsSelect = {(e) => {
28+ console .log (e );
29+ }}
30+ >
31+ <VscodeTabHeader >
32+ Lorem
33+ < span slot = " content-after" >
34+ < VscodeBadge variant = " counter" > 10 < / VscodeBadge >
35+ < / span >
36+ < / VscodeTabHeader >
37+ <VscodeTabPanel >panel content 1 < / VscodeTabPanel >
38+ <VscodeTabHeader >Ipsum < / VscodeTabHeader >
39+ <VscodeTabPanel >panel content 2 < / VscodeTabPanel >
40+ < / VscodeTabs >
41+ < / >
42+ );
43+ }
44+
45+ export default App ;
46+ ```
47+
48+
949> [ !WARNING]
1050> The package is not complete yet; only a subset of components is covered.
You can’t perform that action at this time.
0 commit comments