ui Architecture Docs
Home / File/ kbd.tsx — ui Source File

kbd.tsx — ui Source File

Architecture documentation for kbd.tsx, a tsx file in the ui codebase. 1 imports, 0 dependents.

File tsx ComponentRegistry ChartRegistry 1 imports 2 functions

Entity Profile

Dependency Diagram

graph LR
  97c4e5d1_e925_72dd_6b07_6ba22e37266b["kbd.tsx"]
  ef4051f4_aeb7_8d0c_a726_0ba96ad80cf6["utils"]
  97c4e5d1_e925_72dd_6b07_6ba22e37266b --> ef4051f4_aeb7_8d0c_a726_0ba96ad80cf6
  style 97c4e5d1_e925_72dd_6b07_6ba22e37266b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { cn } from "@/registry/bases/radix/lib/utils"

function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {
  return (
    <kbd
      data-slot="kbd"
      className={cn(
        "cn-kbd pointer-events-none inline-flex items-center justify-center select-none",
        className
      )}
      {...props}
    />
  )
}

function KbdGroup({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <kbd
      data-slot="kbd-group"
      className={cn("cn-kbd-group inline-flex items-center", className)}
      {...props}
    />
  )
}

export { Kbd, KbdGroup }

Domain

Subdomains

Functions

Dependencies

  • utils

Source

Frequently Asked Questions

What does kbd.tsx do?
kbd.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in kbd.tsx?
kbd.tsx defines 2 function(s): Kbd, KbdGroup.
What does kbd.tsx depend on?
kbd.tsx imports 1 module(s): utils.
Where is kbd.tsx in the architecture?
kbd.tsx is located at apps/v4/registry/bases/radix/ui/kbd.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: apps/v4/registry/bases/radix/ui).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free