Components

Tooltip

Floating element that provides a control with contextual information via pointer or focus.

<Tooltip content="Add to library">
<IconButton radius="full">
<PlusIcon />
</IconButton>
</Tooltip>

API Reference

This component inherits and merges props from the Radix Tooltip.Root, Tooltip.Portal and Tooltip.Content parts. It supports common margin props.

PropTypeDefault
multilinebooleanfalse
content*ReactNodeNo default value

Examples

Multi-line

Use the multiline prop to wrap content across multiple lines.

<Tooltip multiline content="Add the selected items to your library for usage within your dashboard." >
<IconButton radius="full">
<PlusIcon />
</IconButton>
</Tooltip>