TooltipFormatted() — ui Function Reference

Architecture documentation for the TooltipFormatted() function in tooltip-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ TooltipFormatted() — ui Function Reference

Dependency Diagram

graph TD
  f0bff880_a346_214b_7f14_704b1163f598["TooltipFormatted()"]
  a3f3753d_bd3f_7cff_b543_7ca14512b6a9["tooltip-example.tsx"]
  f0bff880_a346_214b_7f14_704b1163f598 -->|defined in| a3f3753d_bd3f_7cff_b543_7ca14512b6a9
  style f0bff880_a346_214b_7f14_704b1163f598 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/tooltip-example.tsx lines 177–193

function TooltipFormatted() {
  return (
    <Example title="Formatted Content">
      <Tooltip>
        <TooltipTrigger render={<Button variant="outline" className="w-fit" />}>
          Status
        </TooltipTrigger>
        <TooltipContent>
          <div className="flex flex-col gap-1">
            <p className="font-semibold">Active</p>
            <p className="text-xs opacity-80">Last updated 2 hours ago</p>
          </div>
        </TooltipContent>
      </Tooltip>
    </Example>
  )
}