<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Elix TabStrip with TabButtons</title>

  <link rel="stylesheet" href="demos.css">
  <script type="module" src="../src/TabStrip.js"></script>
  <script type="module" src="../src/TabButton.js"></script>

</head>

<body role="main">
  <div class="demo padded">
    <elix-tab-strip>
      <elix-tab-button aria-label="One">One</elix-tab-button>
      <elix-tab-button aria-label="Two">Two</elix-tab-button>
      <elix-tab-button aria-label="Three">Three</elix-tab-button>
    </elix-tab-strip>
  </div>
</body>

</html>

<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Elix TabStrip with TabButtons</title>

  <link rel="stylesheet" href="demos.css">
  <script type="module" src="../src/TabButton.js"></script>
  <script type="module" src="../src/TabStrip.js"></script>

</head>

<body role="main">
  <div class="demo padded">
    <elix-tab-strip>
      <elix-tab-button aria-label="One">One</elix-tab-button>
      <elix-tab-button aria-label="Two">Two</elix-tab-button>
      <elix-tab-button aria-label="Three">Three</elix-tab-button>
    </elix-tab-strip>
  </div>
</body>

</html>

Load TabButton before TabStrip so that tab buttons are already upgraded when tab strip tries to see if they support a `selected` property.
Load TabButton before TabStrip so that tab buttons are already upgraded when tab strip tries to see if they support a `selected` property.
