@antadesign/anta
    Preparing search index...

    Interface TabOptionUnreviewed

    One tab as a plain data object for the options array — the single source Tabs renders its strip from (like RadioGroup's options). Tabs reads these fields to render the underlying <a-tab> (tabindex, role, and selection are all Tabs' job, published off-DOM by the element).

    interface TabOption {
        value: string;
        label?: ReactNode;
        children?: ReactNode;
        icon?: keyof IconShapes;
        iconTrailing?: keyof IconShapes;
        round?: boolean;
        tone?:
            | "neutral"
            | "brand"
            | "info"
            | "success"
            | "warning"
            | "critical"
            | string & {};
        disabled?: boolean;
        tooltip?: ReactNode;
        className?: string;
        style?: CSSProperties;
        [key: `data-${string}`]: unknown;
    }

    Hierarchy (View Summary)

    Indexable

    • [key: `data-${string}`]: unknown

      Additional data attributes on the option's rendered row.

    Index
    value: string

    This tab's identity — pairs it with the <TabPanel value="…"> of the same value, and the value reported by onStateChange / onChange. Unique per strip.

    label?: ReactNode

    Visible label. The string shorthand for the tab's content; for richer content pass children instead (label wins when both are set).

    children?: ReactNode

    Tab content when you need more than a string — used if label is omitted.

    icon?: keyof IconShapes

    Leading icon shape, rendered before the label.

    iconTrailing?: keyof IconShapes

    Trailing icon shape, rendered after the label.

    round?: boolean

    Fully-round just this tab's box. <Tabs round> rounds the whole strip (tabs + sliding indicator) instead.

    tone?:
        | "neutral"
        | "brand"
        | "info"
        | "success"
        | "warning"
        | "critical"
        | string & {}

    Per-tab tone override, same vocabulary as <Tabs tone> — colors this one tab's label + icons (all priorities/modes, named or custom color) and, when it's the active tab, its indicator. For a custom literal color the sliding indicator can't adopt it (the shared moving element can't read a descendant's color), so a custom tone colors the label everywhere and the indicator only in noslide; the six named tones color both in every mode. Overrides the strip's tone for this tab.

    inherits the strip's tone

    disabled?: boolean

    Prevent user activation of this tab. A disabled tab can still indicate the current selection.

    tooltip?: ReactNode

    Tooltip for this tab — a string or any node — shown only when one of the tab's ellipsizing label parts is truncated (tabs ellipsize when the strip overflows), so clipped content reveals its full text on hover while a tab that fits shows nothing. Rendered as a truncatedOnly <Tooltip> anchored to the tab. For an always-visible tooltip or other custom trigger content, use children with your own <Tooltip> instead.

    className?: string

    CSS class on the option's rendered row.

    style?: CSSProperties

    Inline styles on the option's rendered row.