TooltipOnLink() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ TooltipOnLink() — ui Function Reference

Dependency Diagram

graph TD
  6d0fb1c3_47b0_6e7c_9da9_4a774a709307["TooltipOnLink()"]
  3d14a274_e028_a46d_318f_a719a74ee783["tooltip-example.tsx"]
  6d0fb1c3_47b0_6e7c_9da9_4a774a709307 -->|defined in| 3d14a274_e028_a46d_318f_a719a74ee783
  style 6d0fb1c3_47b0_6e7c_9da9_4a774a709307 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/tooltip-example.tsx lines 155–174

function TooltipOnLink() {
  return (
    <Example title="On Link">
      <Tooltip>
        <TooltipTrigger asChild>
          <a
            href="#"
            className="text-primary w-fit text-sm underline-offset-4 hover:underline"
            onClick={(e) => e.preventDefault()}
          >
            Learn more
          </a>
        </TooltipTrigger>
        <TooltipContent>
          <p>Click to read the documentation</p>
        </TooltipContent>
      </Tooltip>
    </Example>
  )
}