fun-tabs
Version:
A custom element implementing a set of tabs
33 lines (28 loc) • 652 B
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>fun-tabs</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<style>
body, html {
padding: 0px;
margin: 20px;
font-family: sans-serif;
background-color: #eee;
}
:root {
--secondary-color: #FFC107;
}
</style>
</head>
<body>
<fun-tabs selected="2">
<fun-tab>Tab 1</fun-tab>
<fun-tab>Tab 2</fun-tab>
<fun-tab>Tab 3</fun-tab>
</fun-tabs>
<script src="fun-tabs.js"></script>
</body>
</html>