orix-UITooltip
Premium animated tooltip with multiple placement and variant options.
Preview
Interactive Preview
Side: topSide: bottomSide: leftSide: right
Installation
Usage
tsx
import { Tooltip } from "@/components/ui/tooltip"
import { Button } from "@/components/ui/button"
export default function Demo() {
return (
<Tooltip content="This is a tooltip!" side="top" variant="dark">
<Button variant="outline">Hover Me</Button>
</Tooltip>
)
}Props
| Prop | Type | Default |
|---|---|---|
| content | ReactNode | - |
| side | "top""bottom""left""right" | top |
| variant | "dark""light""glass""primary" | dark |
| delay | number | 100 |