@gfazioli/mantine-onboarding-tour
Version:
A Mantine 9 onboarding tour component with focus-reveal overlays, cutout highlights, step-by-step popover navigation, and compound components for guided user experiences.
18 lines (17 loc) • 859 B
TypeScript
import React from 'react';
import { OnboardingTourController } from '../hooks/use-onboarding-tour/use-onboarding-tour';
import { OnboardingTourFocusRevealProps } from '../OnboardingTourFocusReveal/OnboardingTourFocusReveal';
export interface OnboardingTourTargetProps {
/** The `data-onboarding-tour-id` attribute of the target element */
id: string;
/** Target element */
children: React.ReactNode;
/** Key of the prop that should be used to get element ref */
refProp?: string;
/** Props passed to FocusReveal */
focusRevealProps?: OnboardingTourFocusRevealProps | ((tourController: OnboardingTourController) => OnboardingTourFocusRevealProps);
}
export declare function OnboardingTourTarget(props: OnboardingTourTargetProps): React.JSX.Element;
export declare namespace OnboardingTourTarget {
var displayName: string;
}