UI Headless Runtime API - v1.0.0
    Preparing search index...

    Interface TabsOptions

    Tabs configuration with controlled/uncontrolled selection.

    interface TabsOptions {
        activation?: TabsActivation;
        defaultValue?: string | null;
        getValue?: () => string | null;
        id?: string;
        loop?: boolean;
        onValueChange?: (
            value: string | null,
            details: ChangeDetails<TabsChangeReason>,
        ) => void;
        orientation?: TabsOrientation;
        rtl?: boolean;
        subscribeValue?: (listener: () => void) => Unsubscribe;
    }

    Hierarchy

    Index

    Properties

    activation? defaultValue? getValue? id? loop? onValueChange? orientation? rtl? subscribeValue?

    Properties

    activation?: TabsActivation

    Manual or automatic selection on focus.

    automatic

    defaultValue?: string | null

    Initial value used only in uncontrolled mode.

    getValue?: () => string | null

    Reads the consumer-owned value. Its presence enables controlled mode.

    id?: string

    Stable relationship ID prefix.

    loop?: boolean

    Wraps at collection edges.

    true

    onValueChange?: (
        value: string | null,
        details: ChangeDetails<TabsChangeReason>,
    ) => void

    Receives every accepted value request and its typed cause.

    orientation?: TabsOrientation

    Horizontal or vertical arrow-key model.

    horizontal

    rtl?: boolean

    Right-to-left horizontal keyboard direction.

    false

    subscribeValue?: (listener: () => void) => Unsubscribe

    Subscribes to consumer-owned value changes in controlled mode.

    Settings

    Member Visibility

    On This Page

    Properties