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
  1bf647b8_376a_d993_d814_4ebfe776fe7e["TooltipOnLink()"]
  a3f3753d_bd3f_7cff_b543_7ca14512b6a9["tooltip-example.tsx"]
  1bf647b8_376a_d993_d814_4ebfe776fe7e -->|defined in| a3f3753d_bd3f_7cff_b543_7ca14512b6a9
  style 1bf647b8_376a_d993_d814_4ebfe776fe7e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/tooltip-example.tsx lines 154–175

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