Modern 3D Kbd

Display

Physical keycap badge with two-layer box-shadow relief and press animation.

Keycap física — relevo 3D via box-shadow

⌘command⌥option⇧shift

Instalação via CLI

$ npx kikitocn add modern-3d-kbd

Interno:

@/lib/utils

Exemplo de uso

Modern 3D KbdExample.tsx

import { Modern3DKbd } from "@/components/ui/cn/modern-3d-kbd/Modern3DKbd";

export function Modern3DKbdExample() {
  return (
    <Modern3DKbd />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`symbol`	`string`	`'⌘'`	Símbolo grande exibido no topo
`label`	`string`	`'command'`	Rótulo abaixo do símbolo
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Display

Carregando…