<Tooltip
direction="bottom"
tabIndex={0}
triggerText="Tooltip label"
>
<p>
This is some tooltip text. This box shows the maximum amount of text that should appear inside. If more room is needed please use a modal instead.
</p>
<div className="bx--tooltip__footer">
<Link href="#">Learn More</Link>
<Button size="small">
Create
</Button>
</div>
</Tooltip>
<TooltipIcon
tooltipText="Filter"
>
<Filter16/>
</TooltipIcon>
<TooltipDefinition
tooltipText="Brief description of the dotted, underlined word above."
>
Definition Tooltip
</TooltipDefinition>