flowbite-svelte 0.6.0

package/tabs/InteractiveTabs.svelte.d.ts

@@ -0,0 +1,47 @@
+/** @typedef {typeof __propDef.props}  InteractiveTabsProps */
+/** @typedef {typeof __propDef.events}  InteractiveTabsEvents */
+/** @typedef {typeof __propDef.slots}  InteractiveTabsSlots */
+export default class InteractiveTabs extends SvelteComponentTyped<{
+    tabId?: string;
+    activeTabValue?: number;
+    tabs?: ({
+        lavel: string;
+        id: number;
+        content: string;
+        name?: undefined;
+    } | {
+        name: string;
+        id: number;
+        content: string;
+        lavel?: undefined;
+    })[];
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type InteractiveTabsProps = typeof __propDef.props;
+export type InteractiveTabsEvents = typeof __propDef.events;
+export type InteractiveTabsSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        tabId?: string;
+        activeTabValue?: number;
+        tabs?: ({
+            lavel: string;
+            id: number;
+            content: string;
+            name?: undefined;
+        } | {
+            name: string;
+            id: number;
+            content: string;
+            lavel?: undefined;
+        })[];
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/tabs/PillTabs.svelte

@@ -0,0 +1,38 @@
+<script>
+  export let tabs = [
+    {
+      name: "Profile",
+      selected: true,
+      link: "/#",
+    },
+    {
+      name: "Dashboard",
+      selected: false,
+      link: "/#",
+    },
+    {
+      name: "Settings",
+      selected: false,
+      link: "/#",
+    },
+    {
+      name: "Contacts",
+      selected: false,
+      link: "/#",
+    },
+  ];
+</script>
+
+<ul class="flex flex-wrap">
+  {#each tabs as { name, selected, link }}
+    <li class="mr-2">
+      <a
+        class="{selected
+          ? 'active inline-block py-3 px-4 text-sm font-medium text-center text-white bg-blue-600 rounded-lg'
+          : 'inline-block py-3 px-4 text-sm font-medium text-center text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white'} "
+        href={link}
+        rel="external">{name}</a
+      >
+    </li>
+  {/each}
+</ul>

package/tabs/PillTabs.svelte.d.ts

@@ -0,0 +1,31 @@
+/** @typedef {typeof __propDef.props}  PillTabsProps */
+/** @typedef {typeof __propDef.events}  PillTabsEvents */
+/** @typedef {typeof __propDef.slots}  PillTabsSlots */
+export default class PillTabs extends SvelteComponentTyped<{
+    tabs?: {
+        name: string;
+        selected: boolean;
+        link: string;
+    }[];
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type PillTabsProps = typeof __propDef.props;
+export type PillTabsEvents = typeof __propDef.events;
+export type PillTabsSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        tabs?: {
+            name: string;
+            selected: boolean;
+            link: string;
+        }[];
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};