KbdButton() — ui Function Reference

Architecture documentation for the KbdButton() function in kbd-button.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ KbdButton() — ui Function Reference

Dependency Diagram

graph TD
  8ab2ceeb_335b_fef5_9ced_b60c712fb392["KbdButton()"]
  2246d4df_49e9_655c_16fe_c0df1c15aa5a["kbd-button.tsx"]
  8ab2ceeb_335b_fef5_9ced_b60c712fb392 -->|defined in| 2246d4df_49e9_655c_16fe_c0df1c15aa5a
  style 8ab2ceeb_335b_fef5_9ced_b60c712fb392 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/kbd-button.tsx lines 4–15

export default function KbdButton() {
  return (
    <div className="flex flex-wrap items-center gap-4">
      <Button variant="outline" size="sm" className="pr-2">
        Accept <Kbd>⏎</Kbd>
      </Button>
      <Button variant="outline" size="sm" className="pr-2">
        Cancel <Kbd>Esc</Kbd>
      </Button>
    </div>
  )
}