Scroll Progress Bar 02
Scroll Progress Bar 02 é um componente de marquee para React e Tailwind CSS, da biblioteca Bund UI, com licença MIT. Copia e cola no teu projeto.
Bund UI
MIT
marquee
O que é
Scroll Progress Bar 02 é um componente de marquee para React e Tailwind CSS, da biblioteca Bund UI, com licença MIT. Copia e cola no teu projeto.
Como usar
Abre o componente no catálogo, carrega em copiar, e cola no teu projeto. O prompt copiado leva o código e as regras para o teu agente o reproduzir sem alterar nada.
Cinco cópias grátis por mês. Sem cartão.
Precisa de
npm i lucide-react
Licença
Este componente vem de Bund UI e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.
Scroll Progress Bar 02
import ScrollProgressBar from "../scroll-progress-bar";
import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
export default function ScrollProgressBarExample() {
return (
<>
<ScrollProgressBar type="circle" />
<div>
<div className="flex h-screen items-center justify-center gap-2 text-xl">
Scroll <ChevronDownIcon />
</div>
<div className="flex h-screen items-center justify-center gap-2 text-xl">
Scroll <ChevronDownIcon />
</div>
<div className="flex h-screen items-center justify-center gap-2 text-xl">
Scroll <ChevronUpIcon />
</div>
</div>
</>
);
}