alouette/dist/definitions/ui/navigation/Tab.d.ts

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

import type { ReactNode } from "react";
import type { SVGIconElement } from "../primitives/Icon";
import { type SegmentedItemProps } from "../selection/SegmentedItem";
export interface TabProps {
    value: string;
    label: string;
    icon?: SVGIconElement;
    /**
     * Replaces `icon` while the tab is hovered, focused or pressed, and for as
     * long as it is selected.
     */
    activeIcon?: SVGIconElement;
    /** Accent tinting `activeIcon`, so the glyph changes color as well as weight. */
    activeAccent?: SegmentedItemProps["activeAccent"];
    disabled?: boolean;
    "aria-controls"?: string;
    id?: string;
    /**
     * Runs instead of the group's `onValueChange`. Tabs whose items carry
     * `onPress` must be controlled: the internal value never updates.
     */
    onPress?: SegmentedItemProps["onPress"];
}
export declare function Tab({ value, label, icon, activeIcon, activeAccent, disabled, onPress, ...props }: TabProps): ReactNode;
//# sourceMappingURL=Tab.d.ts.map