@smarthtmlelements/smart-tabs
Version:
23 lines (21 loc) • 1.15 kB
HTML
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.22/webcomponents-lite.js"></script>
<link rel="stylesheet" href="../../smart-core/source/styles/smart.base.css" type="text/css" />
<!--! do not remove -->
<link rel="stylesheet" href="../styles/demos.css" type="text/css" />
<script type="text/javascript" src="../../smart-core/source/smart.element-polyfills.js"></script>
<script type="text/javascript" src="../../smart-core/source/smart.element.js"></script>
<script type="text/javascript" src="../../smart-core/source/smart.tabs.js"></script>
<script type="text/javascript" src="../../smart-core/source/smart.button.js"></script>
</head>
<body id="bodyLightTheme">
<smart-tabs class="demoTabs" selected-index="1">
<smart-tab-item label="TAB 1">Content 1</smart-tab-item>
<smart-tab-item label="TAB 2">Content 2</smart-tab-item>
<smart-tab-item label="TAB 3">Content 3</smart-tab-item>
<smart-tab-item label="TAB 4">Content 4</smart-tab-item>
</smart-tabs>
</body>
</html>