Carregando…Carregando…Carregando…Carregando…Infinite scrolling marquee ticker with speed, size and repeat controls.
$ npx kikitocn add marquee-textimport { MarqueeText } from "@/components/ui/cn/marquee-text/MarqueeText";
export function MarqueeExample() {
return (
<MarqueeText speed={40}>
Next.js · React · TypeScript · Tailwind · Framer Motion · Kikito CN
</MarqueeText>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
text* | string | — | Texto a ser exibido em loop |
speed | number | 30 | Velocidade de rolagem (maior = mais rápido) |
size | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Tamanho do texto |
repeat | number | 8 | Repetições do texto na faixa |
className | string | — | Classes CSS extras |
style | CSSProperties | — | Estilos inline pro container |
Marquee Text — infinite scrolling ticker