| <script context="module" lang="ts"> | |
| export { TABS } from "./shared/Tabs.svelte"; | |
| </script> | |
| <script lang="ts"> | |
| import type { Gradio, SelectData } from "@gradio/utils"; | |
| import { createEventDispatcher } from "svelte"; | |
| import Tabs from "./shared/Tabs.svelte"; | |
| const dispatch = createEventDispatcher(); | |
| export let visible = true; | |
| export let elem_id = ""; | |
| export let elem_classes: string[] = []; | |
| export let selected: number | string; | |
| export let gradio: Gradio<{ | |
| change: never; | |
| select: SelectData; | |
| }>; | |
| $: dispatch("prop_change", { selected }); | |
| </script> | |
| <Tabs | |
| {visible} | |
| {elem_id} | |
| {elem_classes} | |
| bind:selected | |
| on:change={() => gradio.dispatch("change")} | |
| on:select={(e) => gradio.dispatch("select", e.detail)} | |
| > | |
| <slot /> | |
| </Tabs> | |