@gfazioli/mantine-onboarding-tour/dist/types/OnboardingTourTarget/OnboardingTourTarget.d.ts

A Mantine component enables you to create a onboarding-tour effect using overlays, popovers, and onboarding tours, which enhances element visibility and interactivity.

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