UNPKG

@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
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; }