Carregando…Carregando…Carregando…Carregando…Search field whose text rasterises to a canvas and dissolves pixel-by-pixel on submit, with a rotating blurred placeholder — adapted from Aceternity UI.
Placeholders And Vanish Input — digite e aperte Enter; o texto se dissolve
$ npx kikitocn add placeholders-and-vanish-input@/lib/utilsmotionimport { PlaceholdersAndVanishInput } from "@/components/ui/cn/placeholders-and-vanish-input/PlaceholdersAndVanishInput";
export function PlaceholdersAndVanishInputExample() {
return (
<PlaceholdersAndVanishInput />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
placeholders | string[] | — | Frases que giram no placeholder (troca a cada 3s) |
onChange | (e: ChangeEvent<HTMLInputElement>) => void | — | Callback a cada digitação |
onSubmit | (e: FormEvent<HTMLFormElement>) => void | — | Callback no submit, após disparar o efeito |