Type Tabs using $$Props

This commit is contained in:
Ryan Gossiaux
2022-02-07 15:25:19 -08:00
parent a582f79170
commit 6bc781b86e
6 changed files with 91 additions and 17 deletions

View File

@@ -1,15 +1,29 @@
<script lang="ts" context="module">
type TTabListProps<
TSlotProps extends {},
TAsProp extends SupportedAs
> = TPassThroughProps<TSlotProps, TAsProp> & {};
</script>
<script lang="ts">
import { useTabsContext } from "./TabGroup.svelte";
import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
import { get_current_component } from "svelte/internal";
import type { SupportedAs } from "$lib/internal/elements";
import type { HTMLActionArray } from "$lib/hooks/use-actions";
import Render from "$lib/utils/Render.svelte";
const forwardEvents = forwardEventsBuilder(get_current_component());
import Render, { type TPassThroughProps } from "$lib/utils/Render.svelte";
/***** Props *****/
type TAsProp = $$Generic<SupportedAs>;
type $$Props = TTabListProps<typeof slotProps, TAsProp>;
export let as: SupportedAs = "div";
export let use: HTMLActionArray = [];
/***** Events *****/
const forwardEvents = forwardEventsBuilder(get_current_component());
/***** Component *****/
let api = useTabsContext("TabList");
let listRef = $api.listRef;