VulpesOS/gaia/shared/elements/gaia_buttons/examples/index.html
OverSu b38dea0597 Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
2026-09-30 23:13:03 +02:00

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>