bits-ui/dist/bits/tabs/types.d.ts

The headless components for Svelte.

import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
import type { Orientation } from "../../index.js";
import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
export type TabsActivationMode = "manual" | "automatic";
export type TabsRootPropsWithoutHTML = WithChild<{
    /**
     * The value of the selected tab.
     */
    value?: string;
    /**
     * A callback function called when the selected tab changes.
     */
    onValueChange?: OnChangeFn<string>;
    /**
     * The orientation of the tabs.
     *
     * @defaultValue "horizontal"
     */
    orientation?: Orientation;
    /**
     * Whether to loop through the tabs when reaching the end
     * when using the keyboard.
     *
     * @defaultValue false
     */
    loop?: boolean;
    /**
     * How the tabs should be activated. If set to `'automatic'`, the tabs
     * will be activated when the trigger is focused. If set to `'manual'`,
     * the tabs will be activated when the trigger is pressed.
     *
     * @defaultValue "automatic"
     */
    activationMode?: TabsActivationMode;
    /**
     * Whether the tabs are disabled or not.
     *
     * @defaultValue false
     */
    disabled?: boolean;
}>;
export type TabsRootProps = TabsRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, TabsRootPropsWithoutHTML>;
export type TabsListPropsWithoutHTML = WithChild;
export type TabsListProps = TabsListPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, TabsListPropsWithoutHTML>;
export type TabsTriggerPropsWithoutHTML = WithChild<{
    /**
     * The value of the tab associated with this trigger.
     */
    value: string;
    /**
     * Whether the trigger is disabled or not.
     *
     * @defaultValue false
     */
    disabled?: boolean | null | undefined;
}>;
export type TabsTriggerProps = TabsTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, TabsTriggerPropsWithoutHTML>;
export type TabsContentPropsWithoutHTML = WithChild<{
    /**
     * The value of the tab associated with this content.
     */
    value: string;
}>;
export type TabsContentProps = TabsContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, TabsContentPropsWithoutHTML>;