fix: fixing imports + story for hrefs (#614)

umbraco · Oct 17, 2023 · 4bfb6a1 · 4bfb6a1
1 parent ac11819
commit 4bfb6a1
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 0 deletions.
diff --git a/packages/uui-tabs/lib/uui-tabs.story.ts b/packages/uui-tabs/lib/uui-tabs.story.ts
@@ -98,6 +98,40 @@ export const Navbar: Story = () => html`
   </div>
 `;
 
+export const UsingHref: Story = () => html`
+  <h3>Href links</h3>
+  <div
+    style="
+    height: 60px;
+    font-size: 16px;
+    --uui-tab-text: var(--uui-color-surface-alt);
+    --uui-tab-text-hover: var(--uui-color-surface);
+    --uui-tab-text-active: var(--uui-color-current);
+    --uui-tab-background: var(--uui-color-default);
+    ">
+    <uui-tab-group>
+      <uui-tab label="content" href="http://www.umbraco.com/#content">
+        Content
+      </uui-tab>
+      <uui-tab label="Packages" href="http://www.umbraco.com/#package" active>
+        Packages
+      </uui-tab>
+      <uui-tab label="Media" href="http://www.umbraco.com/#media">
+        Media
+      </uui-tab>
+      <uui-tab label="Settings" href="http://www.umbraco.com/#settings">
+        Settings
+      </uui-tab>
+      <uui-tab label="Translations" href="http://www.umbraco.com/#translations">
+        Translations
+      </uui-tab>
+      <uui-tab label="Users" href="http://www.umbraco.com/#users">
+        Users
+      </uui-tab>
+    </uui-tab-group>
+  </div>
+`;
+
 export const WithIcons: Story = props => html`
   <h3>Tabs with Icons</h3>
   <uui-icon-registry-essential>

diff --git a/packages/uui-tabs/tsconfig.json b/packages/uui-tabs/tsconfig.json
@@ -12,6 +12,15 @@
   "references": [
     {
       "path": "../uui-base"
+    },
+    {
+      "path": "../uui-button"
+    },
+    {
+      "path": "../uui-popover-container"
+    },
+    {
+      "path": "../uui-symbol-more"
     }
   ]
 }