<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<link
rel="stylesheet"
type="text/css"
href="/build/hy-design-system-demo.css"
/>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
/>
<title>Stencil Component Starter</title>
<script type="module" src="/build/hy-design-system-demo.esm.js"></script>
<script nomodule src="/build/hy-design-system-demo.js"></script>
</head>
<body>
<h1>Helsinki University web components demo</h1>
<hy-docs-container>
<hy-row>
<hy-button icon="hy-icon-arrow-left" icon-right="hy-icon-arrow-right"
>Hello there!</hy-button
>
<hy-button
variant="secondary"
icon="hy-icon-arrow-left"
icon-right="hy-icon-arrow-right"
>Hello there!</hy-button
>
<hy-button
variant="outline"
icon="hy-icon-hy-logo"
icon-right="hy-icon-arrow-right"
>Hello there!</hy-button
></hy-row
>
<h1>This is docker!</h1>
</hy-docs-container>
</body>
</html>