d2-ui
Version:
75 lines (71 loc) • 1.83 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>D2-UI Examples</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900" rel="stylesheet" type="text/css">
<style>
html {
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
padding: 0;
margin: 0;
background: #f5f5f5;
}
body {
margin: 0;
padding: 8px;
}
a {
text-decoration: none;
color: #1E88E5;
}
.card {
background: white;
padding: 16px;
display: inline-block;
box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.12);
border-radius: 2px;
margin: 16px;
}
</style>
</head>
<body>
<h1>D2-UI Examples</h1>
<hr/>
<h2>Pure UI components</h2>
<div class="card">
<a href="siderbar.html">SiderBar component</a>
</div>
<div class="card">
<a href="tree-view.html">TreeView component</a>
</div>
<div class="card">
<a href="icon-picker.html">IconPicker component</a>
</div>
<div class="card">
<a href="form-builder.html">FormBuilder component</a>
</div>
<div class="card">
<a href="header-bar.html">HeaderBar component</a>
</div>
<hr/>
<h2>Data handling components</h2>
<div class="card">
<a href="data-table.html">DataTable component</a>
</div>
<div class="card">
<a href="org-unit-tree.html">OrgUnitTree component</a>
</div>
<div class="card">
<a href="org-unit-select.html">OrgUnit Selection components</a>
</div>
<div class="card">
<a href="formula-editor.html">Formula Editor component</a>
</div>
<div class="card">
<a href="legend.html">Legend component</a>
</div>
</body>
</html>