<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>VSCode Elements</title>

<link

rel="stylesheet"

href="/node_modules/@vscode/codicons/dist/codicon.css"

id="vscode-codicon-stylesheet"

/>

<script

type="module"

src="/node_modules/@vscode-elements/webview-playground/dist/index.js"

></script>

<script type="module" src="/dist/main.js"></script>

<script>

const logEvents = (selector, eventType) => {

document.querySelector(selector).addEventListener(eventType, (ev) => {

console.log(ev);

});

};

</script>

</head>

<body>

<main>

<vscode-demo>

<vscode-button>Primary Button</vscode-button>

<vscode-button secondary>Secondary Button</vscode-button>

</vscode-demo>

</main>

</body>

</html>