support classname and style

react-component · Jan 4, 2025 · 60f48f6 · 60f48f6
1 parent a35028b
commit 60f48f6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/Tour.tsx b/src/Tour.tsx
@@ -53,6 +53,8 @@ const Tour: React.FC<TourProps> = props => {
     disabledInteraction,
     styles,
     classNames: tourClassNames,
+    className,
+    style,
     ...restProps
   } = props;
 
@@ -228,13 +230,15 @@ const Tour: React.FC<TourProps> = props => {
         <Portal open={mergedOpen} autoLock>
           <div
             className={classNames(
+              className,
               rootClassName,
               `${prefixCls}-target-placeholder`,
             )}
             style={{
               ...(posInfo || CENTER_PLACEHOLDER),
               position: 'fixed',
               pointerEvents: 'none',
+              ...style,
             }}
           />
         </Portal>

diff --git a/src/interface.ts b/src/interface.ts
@@ -50,6 +50,8 @@ export interface TourStepProps extends TourStepInfo {
 export interface TourProps extends Pick<TriggerProps, 'onPopupAlign'> {
   classNames?: Partial<Record<SemanticName, string>>;
   styles?: Partial<Record<SemanticName, React.CSSProperties>>;
+  className?: string;
+  style?: React.CSSProperties;
   steps?: TourStepInfo[];
   open?: boolean;
   defaultCurrent?: number;