TooltipRtl() — ui Function Reference

Architecture documentation for the TooltipRtl() function in tooltip-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ TooltipRtl() — ui Function Reference

Dependency Diagram

graph TD
  c8e98abb_5868_1707_8e10_3d8c9b7c42f5["TooltipRtl()"]
  8b333399_95f3_bc74_8353_224ddf01db4a["tooltip-rtl.tsx"]
  c8e98abb_5868_1707_8e10_3d8c9b7c42f5 -->|defined in| 8b333399_95f3_bc74_8353_224ddf01db4a
  style c8e98abb_5868_1707_8e10_3d8c9b7c42f5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/tooltip-rtl.tsx lines 50–67

export function TooltipRtl() {
  const { t } = useTranslation(translations, "ar")

  return (
    <div className="flex flex-wrap gap-2">
      {sides.map((side) => (
        <Tooltip key={side}>
          <TooltipTrigger asChild>
            <Button variant="outline" className="w-fit capitalize">
              {t[side]}
            </Button>
          </TooltipTrigger>
          <TooltipContent side={side}>{t.content}</TooltipContent>
        </Tooltip>
      ))}
    </div>
  )
}