Typewriter

Display

Animated typewriter that types, pauses and deletes cycling text strings.

Typewriter — type, pause, delete, loop

We design

Instalação via CLI

$ npx kikitocn add typewriter

Exemplo de uso

TypewriterExample.tsx

import { Typewriter } from "@/components/ui/cn/typewriter/Typewriter";

export function TypewriterExample() {
  return (
    <Typewriter />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`texts*`	`string[]`	—	Array de textos para ciclar
`speed`	`number`	`80`	Velocidade de digitação (ms/char)
`deleteSpeed`	`number`	`40`	Velocidade de apagar (ms/char)
`pauseDuration`	`number`	`1500`	Pausa no final de cada texto (ms)
`loop`	`boolean`	`true`	Ciclar indefinidamente
`cursor`	`boolean`	`true`	Exibir cursor piscante
`cursorChar`	`string`	`'\|'`	Caractere do cursor
`className`	`string`	—	Classes CSS extras

Carregando…