Esteira de Conteúdo

Sobre

Contêiner de rolagem infinita para qualquer conteúdo, na horizontal ou na vertical, com pausa no hover e sentido invertido. Exemplo com parede de avaliações.

Detalhes

Categoria

Carrosséis

Tipo

Seção

Framework

React

Tecnologias

React, CSS

Publicado em

26 de outubro de 2026

Base

Adaptado de Marquee · Magic UI (licença MIT)

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/esteira-conteudo.tsxtsx

Como usar

import EsteiraConteudo from "@/components/integra/esteira-conteudo";

<Esteira vertical pauseOnHover>
  {itens}
</Esteira>