-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
34 lines (31 loc) · 928 Bytes
/
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
<html>
<head>
<title>Hello Riot.</title>
<link rel="stylesheet" type="text/css" href="/lib/css/riot-paper.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
</head>
<body>
<h1>Controls demo</h1>
<h2>Loader</h2>
<rp-loader></rp-loader>
<h2>Fabbutton</h2>
<rp-fab color="#ffffff" bgcolor="#3f51b5" icon="add">
</rp-fab>
<h2>Cards</h2>
<rp-simple-card>
<h4>hi</h4>
</rp-simple-card>
<h2>Tabs</h2>
<rp-tab tabs="One,Two,Three" ontap="selectTab"></rp-tab>
<!-- include riot.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.3.12/riot.js"></script>
<!-- include the tag -->
<script src="lib/components/riot-paper.js"></script>
<!-- mount the tag -->
<script>
riot.mount('*',{});
function selectTab(e){console.log('chosen tab:'+e)}
</script>
</body>
</html>