show a list as a step content

gilbarbara / react-joyride

Create guided tours in your apps

https://react-joyride.com/

MIT License

6.88k stars 529 forks source link

show a list as a step content #449

Closed Ganjdast closed 5 years ago

Ganjdast commented 5 years ago

Expected behavior

Actual behavior

Steps to reproduce the problem

React version

React-Joyride version

Browser name and version

Error stack (if available)

If you want to get this issue fixed quickly, make sure to send a public URL or codesandbox example.

Ganjdast commented 5 years ago

Hello, I was wondering if it's possible to pass html list element to step content config?

gilbarbara commented 5 years ago

Yes, using css selector.

Ganjdast commented 5 years ago

could you give an example?

gilbarbara commented 5 years ago

Like this?

{
  target: 'ul li:nth-of-type(1)',
  content: 'This is my super awesome feature!'
}

Or do you want to use the list item innerHTML as content? If that's the idea, what is the point of having a tooltip showing the same content of the target?