Tooltip Provider
Coordinate concise tooltips across nearby triggers.
Preview
Import
import { TooltipProvider, Tooltip } from "@sigil-ui/components";Usage
<TooltipProvider delayDuration={200}>
<div className="flex items-center gap-3">
<Tooltip content="Save your changes"><Button variant="outline">Save</Button></Tooltip>
<Tooltip content="Share this project"><Button variant="outline">Share</Button></Tooltip>
</div>
</TooltipProvider>Sub-components
This component includes the following parts:
<Tooltip>
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-sm | Radius sm |
--s-border-style | Border style |
--s-border | Border |
--s-surface | Surface |
--s-text | Text |
--s-shadow-sm | Shadow sm |