Skip to content

Commit 0c37c57

Browse files
a-stewarta-stewart
authored
Add a demo for <vscode-button-group> to dev
1 parent 651e91f commit 0c37c57

2 files changed

Lines changed: 48 additions & 4 deletions

File tree

‎dev/vscode-button-group.html‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
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>&lt;vscode-button-group&gt; Demo</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/vscode-button/index.js"></script>
17+
<script type="module" src="../dist/vscode-button-group/index.js"></script>
18+
</head>
19+
20+
<body class="vscode-light">
21+
<main>
22+
<h2>Basic example</h2>
23+
24+
<vscode-demo>
25+
<vscode-button-group>
26+
<vscode-button secondary id="button-1">Hello World</vscode-button>
27+
<vscode-button
28+
secondary
29+
icon="chevron-down"
30+
id="button-2"
31+
></vscode-button>
32+
</vscode-button-group>
33+
34+
<vscode-button-group>
35+
<vscode-button secondary>Left</vscode-button>
36+
<vscode-button secondary icon="arrow-swap"></vscode-button>
37+
<vscode-button secondary>Right</vscode-button>
38+
</vscode-button-group>
39+
40+
<vscode-button-group>
41+
<vscode-button>Primary</vscode-button>
42+
<vscode-button secondary>Secondary</vscode-button>
43+
</vscode-button-group>
44+
</vscode-demo>
45+
</main>
46+
</body>
47+
</html>

‎src/vscode-button-group/vscode-button-group.styles.ts‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
11
import {css, CSSResultGroup} from 'lit';
22

33
import defaultStyles from '../includes/default.styles.js';
4-
import {getDefaultFontStack} from '../includes/helpers.js';
5-
6-
const defaultFontStack = getDefaultFontStack();
74

85
const styles: CSSResultGroup = [
96
defaultStyles,
@@ -29,4 +26,4 @@ const styles: CSSResultGroup = [
2926
`,
3027
];
3128

32-
export default styles;
29+
export default styles;

0 commit comments

Comments
 (0)