25 lines
542 B
TypeScript
25 lines
542 B
TypeScript
import './Tooltip.scss'
|
|
import { createSignal, JSX } from 'solid-js'
|
|
|
|
interface TooltipProps {
|
|
children?: JSX.Element
|
|
link?: string
|
|
}
|
|
|
|
export const Tooltip = (props: TooltipProps) => {
|
|
const [isShown, setShowed] = createSignal(false)
|
|
const show = () => setShowed(true)
|
|
return (
|
|
<span>
|
|
<a href={props.link || '#'} class="tooltip" onClick={show}>
|
|
‌
|
|
</a>
|
|
<div class="tooltip-content" classList={{ hidden: !isShown() }}>
|
|
{props.children}
|
|
</div>
|
|
</span>
|
|
)
|
|
}
|
|
|
|
export default Tooltip
|