start
installationtooltip
Tooltip is a helper to quick inform user
this is the tooltip content
<Tooltip
content="this is the tooltip content"
style={{ backgroundColor: "#f2f2f2", color: "#000" }}
>
<Button>tooltip</Button>
</Tooltip>copy
Tooltip can be in a different position
this is the tooltip content
this is the tooltip content
this is the tooltip content
this is the tooltip content
<Tooltip
content="this is the tooltip content"
>
<Button>tooltip</Button>
</Tooltip>
<Tooltip
content="this is the tooltip content"
position="left"
>
<Button>tooltip</Button>
</Tooltip>
<Tooltip
content="this is the tooltip content"
position="right"
>
<Button>tooltip</Button>
</Tooltip>
<Tooltip
content="this is the tooltip content"
position="bottom"
>
<Button>tooltip</Button>
</Tooltip>copy
API
| props | type | status | default | description |
|---|---|---|---|---|
| children | ReactNode | required | None | the main element for tooltip |
| content | ReactNode | required | None | Tooltip's content |
| position | top | left | right | bottom | optional | top | Tooltip's position |
| style | CSSProperties | optional | bg:#000 color:#fff | Tooltip's title |
usagepositionapi