feat: add tabs component

studio.config.json

@@ -31,6 +31,7 @@
           "radio-group",
           "select",
           "switch",
+          "tabs",
           "textarea",
           "tooltip",
           "validation-feedback"

tabs/doc/index.md

@@ -0,0 +1,20 @@
+# Tabs
+
+Tabs component
+
+```js script
+import { html } from '~/core';
+import '~/doc-styles';
+import '../simba-tabs.js';
+```
+
+```js preview-story
+export const main = () => html`
+  <simba-tabs>
+    <button slot="tab">Info</button>
+    <p slot="panel">Info page with lots of information about us.</p>
+    <button slot="tab">Work</button>
+    <p slot="panel">Work page that showcases our work.</p>
+  </simba-tabs>
+`;
+```

tabs/index.js

@@ -0,0 +1 @@
+export * from './src/SimbaTabs.js';

tabs/package.json

@@ -0,0 +1 @@
+{}

tabs/simba-tabs.js

@@ -0,0 +1,3 @@
+import { SimbaTabs } from './src/SimbaTabs.js';
+
+customElements.define('simba-tabs', SimbaTabs);

tabs/src/SimbaTabs.js

@@ -0,0 +1,3 @@
+import { LionTabs } from '@lion/tabs';
+
+export class SimbaTabs extends LionTabs {}