TooltipDisabled() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ TooltipDisabled() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/tooltip-example.tsx lines 114–129

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