-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
39 lines (37 loc) · 1.69 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<script src="./src/index.js" type="module"></script>
</head>
<body>
<hm-card withShadow>
<hm-card>Test</hm-card>
<h1>This is a title</h1>
<hm-card>
<h2>Default (vertical)</h2>
<hm-stack>
<hm-button data-text="This is a button v1" onClick="() => alert('hola')"></hm-button>
<hm-button data-text="This is a button v2" onClick="() => alert('hola')"></hm-button>
<hm-button data-text="This is a button v3" onClick="() => alert('hola')"></hm-button>
<hm-button data-text="This is a button v4" onClick="() => alert('hola')"></hm-button>
</hm-stack>
</hm-card>
<hm-card>
<h2>Horizontal</h2>
<hm-stack dir="horizontal">
<hm-button data-text="This is a button h1" onClick="() => alert('hola')"></hm-button>
<hm-button data-text="This is a button h2" onClick="() => alert('hola')"></hm-button>
<hm-button data-text="This is a button h3" onClick="() => alert('hola')"></hm-button>
<hm-button data-text="This is a button h4" onClick="() => alert('hola')"></hm-button>
</hm-stack>
</hm-card>
<hm-card>
<h2> Form inputs </h2>
<hm-stack>
<hm-text-input is-password="true" label="Password"></hm-text-input>
<hm-text-input label="Name" placeholder="Enter your name here..."></hm-text-input>
</hm-stack>
</hm-card>
</hm-card>
</body>
</html>