Rad UI is still under active development. You are free to use it in your projects, but expect breaking changes. If you'd like to contribute to Rad UI, please check out Getting Started


Tooltips are used to provide additional information about a component when the user hovers over it.

import Tooltip from "@rad-ui/ui/Tooltip"

const ToolTipExample = () => (
    <Tooltip content="Tooltip content">
        Hello Tooltip. Hover Me!

Note: Tooltips are not supposed to be interactable. If you require the content to be interactable by your users, use a Popover instead.