Skip to content

Commit a54af91

Browse files
benderabendera
committed
Rewrite Breadcrumb demo page
1 parent a55479b commit a54af91

File tree

2 files changed

+51
-73
lines changed

2 files changed

+51
-73
lines changed

‎dev/vscode-breadcrumbs.html‎

Lines changed: 0 additions & 73 deletions
This file was deleted.

‎dev/vscode-breadcrumbs/basic-example.html‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>VSCode Elements</title>
7+
<link
8+
rel="stylesheet"
9+
href="/node_modules/@vscode/codicons/dist/codicon.css"
10+
id="vscode-codicon-stylesheet"
11+
>
12+
<script
13+
type="module"
14+
src="/node_modules/@vscode-elements/webview-playground/dist/index.js"
15+
></script>
16+
<script type="module" src="/dist/main.js"></script>
17+
<script>
18+
const logEvents = (selector, eventType) => {
19+
document.querySelector(selector).addEventListener(eventType, (ev) => {
20+
console.log(ev);
21+
});
22+
};
23+
</script>
24+
</head>
25+
26+
<body>
27+
<h1>Basic example</h1>
28+
<main>
29+
<vscode-demo>
30+
<vscode-breadcrumbs id="bc-1">
31+
<vscode-breadcrumb-item>
32+
<vscode-icon slot="icon" name="folder"></vscode-icon>
33+
workspace
34+
</vscode-breadcrumb-item>
35+
<vscode-breadcrumb-item>
36+
<vscode-icon slot="icon" name="folder"></vscode-icon>
37+
src
38+
</vscode-breadcrumb-item>
39+
<vscode-breadcrumb-item>
40+
<vscode-icon slot="icon" name="folder"></vscode-icon>
41+
components
42+
</vscode-breadcrumb-item>
43+
<vscode-breadcrumb-item>
44+
<vscode-icon slot="icon" name="file-code"></vscode-icon>
45+
vscode-breadcrumbs.ts
46+
</vscode-breadcrumb-item>
47+
</vscode-breadcrumbs>
48+
</vscode-demo>
49+
</main>
50+
</body>
51+
</html>

0 commit comments

Comments
 (0)