Tooltip

This is the <Tooltip /> component. Use the direction to change the placement

---

---

Left

Top

Bottom

Right

---

Basic Usage

import Tooltip from '@candy/kitkat/tooltip'
import { InfoCircle } from '@candy/kitkat/icons'

export const MyComponent = () => (
  <Tooltip direction="top" text={tooltipContent}>
    <InfoCircle width={16} />
  </Tooltip>
)

---

Tooltip Props

Name	Type	Default	Description
text	ReactNode \| string		Tooltip content
direction?	'left', 'right', 'bottom', 'top'	right	Tooltip placement
width?	string		Tooltip css width