Merge branch 'main' into fix/tag/font-inheritance

RedHat-UX · May 21, 2024 · 7577957 · 7577957
2 parents 2e10c75 + 7a76544
commit 7577957
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/elements/rh-tabs/demo/nested.html b/elements/rh-tabs/demo/nested.html
@@ -0,0 +1,35 @@
+<rh-tabs>
+  <rh-tab id="users" slot="tab">Users</rh-tab>
+  <rh-tab-panel>Users</rh-tab-panel>
+  <rh-tab slot="tab">Containers</rh-tab>
+  <rh-tab-panel>Containers <a href="#">Focusable element</a></rh-tab-panel>
+  <rh-tab slot="tab">Database</rh-tab>
+  <rh-tab-panel>Database</rh-tab-panel>
+  <rh-tab slot="tab">Servers</rh-tab>
+  <rh-tab-panel>Servers</rh-tab-panel>
+  <rh-tab slot="tab">Nested</rh-tab>
+  <rh-tab-panel>
+    <rh-tabs>
+      <rh-tab slot="tab">Nested Users</rh-tab>
+      <rh-tab-panel>Users</rh-tab-panel>
+      <rh-tab slot="tab">Nested Containers</rh-tab>
+      <rh-tab-panel>Containers <a href="#">Focusable element</a></rh-tab-panel>
+      <rh-tab slot="tab">Nested Database</rh-tab>
+      <rh-tab-panel>Database</rh-tab-panel>
+      <rh-tab slot="tab">Nested Servers</rh-tab>
+      <rh-tab-panel>Servers</rh-tab-panel>
+      <rh-tab slot="tab">Nested Cloud</rh-tab>
+      <rh-tab-panel>Cloud</rh-tab-panel>
+    </rh-tabs>
+  </rh-tab-panel>
+</rh-tabs>
+
+<style>
+  rh-tab-panel {
+    padding: 0;
+  }
+</style>
+
+<script type="module">
+  import '@rhds/elements/rh-tabs/rh-tabs.js';
+</script>