Tooltip
Install and import #
Usage #
The tooltip follows the cursor.
Maybe you don't want the tooltip to follow the cursor…
With a long text and a custom placement #
Set a max-width for long text
With long text
Properties #
| Name | Type(s) | Default | Required |
|---|---|---|---|
| children | func | node | ||
| content | union | ||
| fixed | bool | false | |
| placement | auto-start auto auto-end top-start top top-end right-start right right-end bottom-end bottom bottom-start left-end left left-start | fixed ? top : bottom-start |
Dependencies #
- - @welcome-ui/system^3.0.0
- - popper.js^1.16.1
- - reakit^1.3.6
Peer dependencies #
- - @xstyled/styled-components^2.2.3
- - @xstyled/system^2.2.3
- - prop-types^15.7.2
- - react^16.10.2 || ^17.0.1
- - react-dom^16.10.2 || ^17.0.1
- - styled-components^5.2.1