KbdTooltip() — ui Function Reference
Architecture documentation for the KbdTooltip() function in kbd-tooltip.tsx from the ui codebase.
Entity Profile
Dependency Diagram
graph TD a8625929_8e00_26d5_58e1_87da6db843db["KbdTooltip()"] d97f4e4c_d56d_1e28_771c_df5ff77e7077["kbd-tooltip.tsx"] a8625929_8e00_26d5_58e1_87da6db843db -->|defined in| d97f4e4c_d56d_1e28_771c_df5ff77e7077 style a8625929_8e00_26d5_58e1_87da6db843db fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
apps/v4/registry/new-york-v4/examples/kbd-tooltip.tsx lines 10–45
export default function KbdTooltip() {
return (
<div className="flex flex-wrap gap-4">
<ButtonGroup>
<Tooltip>
<TooltipTrigger asChild>
<Button size="sm" variant="outline">
Save
</Button>
</TooltipTrigger>
<TooltipContent>
<div className="flex items-center gap-2">
Save Changes <Kbd>S</Kbd>
</div>
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button size="sm" variant="outline">
Print
</Button>
</TooltipTrigger>
<TooltipContent>
<div className="flex items-center gap-2">
Print Document{" "}
<KbdGroup>
<Kbd>Ctrl</Kbd>
<Kbd>P</Kbd>
</KbdGroup>
</div>
</TooltipContent>
</Tooltip>
</ButtonGroup>
</div>
)
}
Domain
Subdomains
Source
Frequently Asked Questions
What does KbdTooltip() do?
KbdTooltip() is a function in the ui codebase, defined in apps/v4/registry/new-york-v4/examples/kbd-tooltip.tsx.
Where is KbdTooltip() defined?
KbdTooltip() is defined in apps/v4/registry/new-york-v4/examples/kbd-tooltip.tsx at line 10.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free