loom muslin

Tooltip

Hover and keyboard-focus tooltip; stays hidden when disabled.

Previewlive — edit controls below

Content

Appearance

State

Basic

import { Tooltip } from "@loom/muslin-react";

<Tooltip content="Copies the link">
  <button>Copy</button>
</Tooltip>

On an icon button

Wraps the trigger; delayMs thwarts accidental hovers.

import { Button, Tooltip } from "@loom/muslin-react";

<Tooltip content="Copies the link" placement="bottom" delayMs={300}>
  <Button variant="ghost" size="sm">Copy link</Button>
</Tooltip>