KbdInTooltip() — ui Function Reference

Architecture documentation for the KbdInTooltip() function in kbd-example.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ KbdInTooltip() — ui Function Reference

Dependency Diagram

graph TD
  c58df4a3_96d4_2963_728a_b77f550455ef["KbdInTooltip()"]
  6fda6bb4_9ac7_9708_3b40_8bd940e4f620["kbd-example.tsx"]
  c58df4a3_96d4_2963_728a_b77f550455ef -->|defined in| 6fda6bb4_9ac7_9708_3b40_8bd940e4f620
  style c58df4a3_96d4_2963_728a_b77f550455ef fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/kbd-example.tsx lines 161–184

function KbdInTooltip() {
  return (
    <Example title="Tooltip">
      <Tooltip>
        <TooltipTrigger asChild>
          <Button size="icon-sm" variant="outline">
            <IconPlaceholder
              lucide="SaveIcon"
              tabler="IconDeviceFloppy"
              hugeicons="FloppyDiskIcon"
              phosphor="FloppyDiskIcon"
              remixicon="RiSaveLine"
            />
          </Button>
        </TooltipTrigger>
        <TooltipContent className="pr-1.5">
          <div className="flex items-center gap-2">
            Save Changes <Kbd>S</Kbd>
          </div>
        </TooltipContent>
      </Tooltip>
    </Example>
  )
}