TooltipDisabled() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ TooltipDisabled() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/tooltip-example.tsx lines 111–128

function TooltipDisabled() {
  return (
    <Example title="Disabled">
      <Tooltip>
        <TooltipTrigger asChild>
          <span className="inline-block w-fit">
            <Button variant="outline" disabled>
              Disabled
            </Button>
          </span>
        </TooltipTrigger>
        <TooltipContent>
          <p>This feature is currently unavailable</p>
        </TooltipContent>
      </Tooltip>
    </Example>
  )
}