A neobrutalist tooltip that shows a short hint on hover or keyboard focus, built on Base UI with default, primary, and solid style variants.
"use client"; import { Button } from "@/components/ui/button"; import { Tooltip } from "@/components/ui/tooltip"; export default function TooltipStyleDefault() { return ( <Tooltip.Provider> <Tooltip> <Tooltip.Trigger> <Button variant="outline">Hover</Button> </Tooltip.Trigger> <Tooltip.Content variant="default">Add to Library</Tooltip.Content> </Tooltip> </Tooltip.Provider> ); }