Skip to main content

Test React Tooltip in MDX for docusaurus

· One min read
Roger Jiang

Test page for react-tooltip render in mdx + docusaurus

embed children within <Tooltip>

Hover to see embedded HTML

data-tooltip-content attribute to set inline html content

use `data-tooltip-content` to set tooltip contentDelayed Tooltip close after 1000ms

test

Set Tooltip component to output

testest

gdfkjhgdfkjghfdskjghfdkjgdhdfkjghfd\n

Fragment>span>content

No backticks here

Fragment>span>content>backticks

This has backticks

span>content>backticks

span>backticks

Anchor link within markdown link

[Using React.Fragment alone doesn't work - it's empty!]](https://www.bbc.com)

This is a span with tooltips in all directions