Tooltip

CSS only. Shows on hover and keyboard focus.

Install

npx raster add tooltip

Markup

<span class="rs-tip" data-tip="Copy to clipboard"><button class="rs-btn-ghost rs-btn-sm">Copy</button></span>

React

import { Tooltip } from "@/components/raster/tooltip";

<Tooltip tip="Copy to clipboard">
  <Button variant="ghost" size="sm">Copy</Button>
</Tooltip>

Classes

.rs-tip

Depends on

/button