side-nav
Version:
A HTML custom element implementing the `<side-nav>` tag.
32 lines (28 loc) • 723 B
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>side-nav</title>
<style>
body, html {
padding: 0px;
margin: 0px;
font-family: sans-serif;
background-color: #eee;
}
#sideNav{
background: white;
height: calc(100% - 80px);
top: 40px;
}
</style>
</head>
<body>
<top-nav></top-nav>
<side-nav id="sideNav" open>
Hello world
</side-nav>
<script src="side-nav.js"></script>
<script src="node_modules/top-nav/top-nav.js"></script>
</body>
</html>