alouette
Version:
A modern, customizable design system built on top of NativeWind v5 with configurable defaults
23 lines • 1.16 kB
TypeScript
import type { PressableProps, ViewProps } from "react-native";
/**
* What the element a `Tooltip` describes spreads onto itself: the description
* for assistive tech, read whether or not the panel is shown, and on web the
* hover and focus handlers that open the panel. Spread it last, or merge it
* with {@link mergeTooltipTriggerProps} to keep the element's own.
*/
export interface TooltipTriggerProps {
/** Web: the id of the tooltip's description. */
"aria-describedby"?: string;
/** Native: the content itself, read after the element's label. */
accessibilityHint?: string;
onPointerEnter?: ViewProps["onPointerEnter"];
onPointerLeave?: ViewProps["onPointerLeave"];
onFocus?: PressableProps["onFocus"];
onBlur?: PressableProps["onBlur"];
}
/**
* `props` with `triggerProps` on top, keeping what both set: the descriptions
* are joined and the handlers both run.
*/
export declare function mergeTooltipTriggerProps<Props extends TooltipTriggerProps, TriggerProps extends TooltipTriggerProps>(props: Props, triggerProps: TriggerProps): Props & TriggerProps;
//# sourceMappingURL=mergeTooltipTriggerProps.d.ts.map