Keyboard

Display

Fully interactive on-screen QWERTY keyboard with real key-press animation and optional sound — adapted from Aceternity UI.

Instalação via CLI

$ npx kikitocn add keyboard

Interno:

@/lib/utilsmotion

Exemplo de uso

KeyboardExample.tsx

import { Keyboard } from "@/components/ui/cn/keyboard/Keyboard";

export function KeyboardExample() {
  return (
    <Keyboard />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`enableSound`	`boolean`	`false`	Toca som de tecla (precisa de /sounds/sound.ogg no projeto consumidor)
`showPreview`	`boolean`	`true`	Mostra a prévia de texto digitado acima do teclado
`className`	`string`	—	Classes CSS extras

Carregando…