added Tooltip component

This commit is contained in:
unknown 2021-08-10 16:58:16 +05:30
commit d0111e7741
4 changed files with 51 additions and 21 deletions

View file

@ -0,0 +1,37 @@
import React from 'react';
import PropTypes from 'prop-types';
import './Tooltip.scss';
import Tippy from '@tippyjs/react';
function Tooltip({
className, placement, content, children,
}) {
return (
<Tippy
content={content}
className={`tooltip ${className}`}
touch="hold"
arrow={false}
maxWidth={250}
placement={placement}
delay={[0, 0]}
duration={[100, 0]}
>
{children}
</Tippy>
);
}
Tooltip.defaultProps = {
placement: 'top',
className: '',
};
Tooltip.propTypes = {
className: PropTypes.string,
placement: PropTypes.string,
content: PropTypes.node.isRequired,
children: PropTypes.node.isRequired,
};
export default Tooltip;