TooltipWithIcon() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ TooltipWithIcon() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/tooltip-example.tsx lines 76–96

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