TooltipWithIcon() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ TooltipWithIcon() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/tooltip-example.tsx lines 69–91

function TooltipWithIcon() {
  return (
    <Example title="With Icon">
      <Tooltip>
        <TooltipTrigger asChild>
          <Button variant="ghost" size="icon">
            <IconPlaceholder
              lucide="InfoIcon"
              tabler="IconInfoCircle"
              hugeicons="AlertCircleIcon"
              phosphor="InfoIcon"
              remixicon="RiInformationLine"
            />
            <span className="sr-only">Info</span>
          </Button>
        </TooltipTrigger>
        <TooltipContent>
          <p>Additional information</p>
        </TooltipContent>
      </Tooltip>
    </Example>
  )
}