<html>
<head>
  <title>Sheets examples</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/andreyshpigunov/auto@latest/dist/auto.css" />
</head>
<body class="p4">
  <div class="sheets">
    <div>
      <a class="sheets-tab button" data-sheet="sheet1">Tab 1</a>
      <a class="sheets-tab button" data-sheet="sheet2">Tab 2</a>
      <a class="sheets-tab button" data-sheet="sheet3">Tab 3</a>
    </div>
    <div class="p2">
      <div id="sheet1" class="sheets-body">Body 1</div>
      <div id="sheet2" class="sheets-body">Body 2</div>
      <div id="sheet3" class="sheets-body">Body 3</div>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/gh/andreyshpigunov/auto@latest/dist/auto.js"></script>
  <script>auto.init()</script>
</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.