A straight forward text component with tooltip support when it's truncated
npm install react-textyA straight forward text component with tooltip support when it's truncated
``bashYarn
yarn add react-texty
Props
- tagName
string Tag name for the component, defaults to div
- children node, Should be string or inline element
- tooltip node Tooltip for the truncated text if set, or the children will be used
- tooltipClassName string Classname for the tooltip
- tooltipStyle object Custom style of the tooltip
- tooltipMaxWidth number Max width of the tooltip
- showDelay number Delay milliseconds to show when mouse enter, defaults to 150
- hideDelay number Delay milliseconds to hide when mouse leave, defaults to 150
- arrowClassName string Classname for the arrow
- hideArrow bool Whether to show the tooltip arrow, defaults to false
- placement top|top-start|top-end|bottom|bottom-start|bottom-end The placement of the tooltip, defaults to topLearn more at https://nihgwu.github.io/react-texty/
Usage
`jsx
import Text from 'react-texty'
// import the styles
import 'react-texty/styles.css'// just use it as a normal text node
Hello world
Hello world
Hello world
``MIT © Neo Nie