V0Tooltip() — ui Function Reference

Architecture documentation for the V0Tooltip() function in v0-button.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ V0Tooltip() — ui Function Reference

Dependency Diagram

graph TD
  34275546_93da_cf1b_e0ce_19ee286d99de["V0Tooltip()"]
  2c443a99_2f75_d1c0_95c6_7e02aa6f68f1["v0-button.tsx"]
  34275546_93da_cf1b_e0ce_19ee286d99de -->|defined in| 2c443a99_2f75_d1c0_95c6_7e02aa6f68f1
  style 34275546_93da_cf1b_e0ce_19ee286d99de fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/v0-button.tsx lines 20–47

function V0Tooltip({
  size,
  style = "default",
  children,
}: React.PropsWithChildren<{ size: Size; style?: Style["name"] }>) {
  if (size === "default") {
    return <>{children}</>
  }

  return (
    <Tooltip>
      <TooltipTrigger asChild>
        {style === "new-york" ? (
          <span tabIndex={-1}>{children}</span>
        ) : (
          <>{children}</>
        )}
      </TooltipTrigger>
      <TooltipContent>
        {style === "new-york" ? (
          <>Not available in New York</>
        ) : (
          <>Open in v0</>
        )}
      </TooltipContent>
    </Tooltip>
  )
}