11 lines
426 B
TypeScript
11 lines
426 B
TypeScript
import type { ReactNode } from "react"
|
|
|
|
/** 키캡 뱃지. 단축키 힌트 표시용(예: <Kbd>Ctrl</Kbd><Kbd>N</Kbd>). */
|
|
export function Kbd({ children }: { children: ReactNode }) {
|
|
return (
|
|
<kbd className="border-border bg-muted text-muted-foreground inline-flex h-4 min-w-4 items-center justify-center rounded border px-1 font-mono text-[10px] leading-none font-medium">
|
|
{children}
|
|
</kbd>
|
|
)
|
|
}
|