Provide alternative way to render Joyride via render props

[tobilen]

As discussed here, a render prop would provide a great way to modify presentation of joyrides tour steps, for example use your own buttons or tooltip component.

This is how you could potentially use it:

import Joyride from 'react-joyride';
import Tooltip from 'react-joyride/lib/Tooltip';

const CustomTooltip = (
  <Tooltip
    render={(tooltipProps, tooltipState) => (<div>
        <span className="custom-header" style={tooltipState.styles.header}>
          {tooltipProps.step.title}
        </span>
      </div>)
    }
  />
);

return <Joyride /* ... other Joyride props */ tooltipComponent={CustomTooltip} />;

[gilbarbara]

This will come soon. You can try it with: npm i react-joyride@next