TooltipDisabled() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ TooltipDisabled() — ui Function Reference

Dependency Diagram

graph TD
  89af0c95_5461_fc91_9d60_3bf83c0daaae["TooltipDisabled()"]
  05c10a81_ff97_2581_a07f_12d02cf9ad2c["tooltip-disabled.tsx"]
  89af0c95_5461_fc91_9d60_3bf83c0daaae -->|defined in| 05c10a81_ff97_2581_a07f_12d02cf9ad2c
  style 89af0c95_5461_fc91_9d60_3bf83c0daaae fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/tooltip-disabled.tsx lines 8–23

export function TooltipDisabled() {
  return (
    <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>
  )
}