andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update Tooltip

Browse Source
This commit is contained in:
Isabelle Viktoria Maciohsek
2020-09-06 14:49:51 +03:00
parent e7dd2358d0
commit 75206e59d5
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
snippets/Tooltip.md
View File

@ -29,7 +29,7 @@ Renders a tooltip component.
```
```jsx
function Tooltip({ children, text, ...rest }) {
const Tooltip = ({ children, text, ...rest }) => {
const [show, setShow] = React.useState(false);
return (
@ -38,12 +38,12 @@ function Tooltip({ children, text, ...rest }) {
{text}
<span className="tooltip-arrow" />
</div>
<div {...rest} onMouseEnter={() => setShow(true)} onMouseLeave={() => setShow(false)}>
<div onMouseEnter={() => setShow(true)} onMouseLeave={() => setShow(false)} {...rest}>
{children}
</div>
</div>
);
}
};
```
```jsx