Selecting multiple elements

I was wondering if it was possible to select multiple elements for a step; I couldn’t see any options for it nor did using an array as the selector.

My use-case is selecting a subset of <td> within a <tr>, i.e. something like this where the x’s denote the cells that are highlighted.

1	2	3	4	5
		x	x	x

[JCLimpide]

Just leaving a comment for @fostimus or others who are using class component.

I didn’t test the highlighting itself, but I wrote a small workaround: a Higher-order-component, allowing to use all the tour hooks in class components. The code is fairly simple:

import { useTour } from '@reactour/tour'

const withTour = (Component) => (props) => {
  const /*{ isOpen, currentStep, steps, setIsOpen, setCurrentStep }*/ propsTour = useTour();

  return <Component { ...props } { ...propsTour } />
}
export default withTour;

[elrumordelaluz]

Our codebase still relies heavily on class based components, so 2.0.0 won’t work for us.

I’m sorry, but happy that v1.x works for you!

Is it possible to highlight separately

Not now, it should be making more calculations to customize the Mask with more complexity.

Leaving here as feature request: custom Mask with multiple “holes” for different ´elements´.