Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
45 lines
1.2 KiB
HTML
Executable file
45 lines
1.2 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>GaiaButtons Demo</title>
|
|
<meta name="description" content="Demo app for gaia-buttons" />
|
|
<style type="text/css">
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 10px;
|
|
background-color: #fff;
|
|
}
|
|
</style>
|
|
<script>
|
|
window.onload = function() {
|
|
var dirInput = document.getElementById('dir');
|
|
dirInput.checked = false;
|
|
dirInput.onchange= function() {
|
|
document.documentElement.dir = this.checked ? "rtl" : "ltr";
|
|
}
|
|
};
|
|
</script>
|
|
<script>window.GaiaButtonsBaseurl = '../';</script>
|
|
<script src="../../../js/component_utils.js"></script>
|
|
<script src="../script.js" type="text/javascript"></script>
|
|
</head>
|
|
<body role="application">
|
|
<p dir="ltr">
|
|
<label class="bb-docs">
|
|
<input id="dir" type="checkbox"> RTL mode
|
|
</label>
|
|
</p>
|
|
|
|
<gaia-buttons class="inline">
|
|
<button class="full" dir="auto">With class="inline"</button>
|
|
</gaia-buttons>
|
|
<gaia-buttons skin="dark">
|
|
<button class="recommend icon icon-previous">Button 1</button>
|
|
<button disabled>Button 2</button>
|
|
<a href="#" class="danger">Anchor 1</a>
|
|
</gaia-buttons>
|
|
</body>
|
|
</html>
|