c-mdui-a
Version:
A fast way to build an application based on Material Design UI(MDUI).
30 lines • 1 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example</title>
<script src="./lib/js/mdui.js"></script>
<link rel="stylesheet" href="./lib/css/mdui.css">
<!--
Using CDN
<link rel="stylesheet" href="//cdn.bootcss.com/mdui/0.4.3/css/mdui.min.css">
<script src="//cdn.bootcss.com/mdui/0.4.3/css/mdui.min.js"></script>
-->
</head>
<body>
<button id="btn" class="mdui-btn mdui-color-pink mdui-ripple" mdui-dialog="{target: '#tooltip'}">
Hello MDUI!
</button>
<div id="tooltip" class="mdui-dialog">
<div class="mdui-dialog-title">You Clicked Hello MDUI Button!</div>
<div class="mdui-dialog-content">Welcome to MDUI! Read the documents maybe helpful.</div>
<div class="mdui-dialog-actions">
<button class="mdui-btn mdui-ripple" mdui-dialog-close>cancel</button>
<button class="mdui-btn mdui-ripple" disabled>ok</button>
</div>
</div>
<script>
$ = mdui.JQ;
</script>
</body>
</html>