Um Carrossel React Pronto para Copiar e Colar

Olá, você está procurando um carrossel React que possa ser facilmente copiado e colado em seu projeto? Se sim, você veio ao lugar certo. Estou compartilhando um carrossel React que desenvolvi para meu produto, Zafiro, e que pode ser facilmente integrado ao seu projeto.

A ideia é simples: você pode copiar o código-fonte completo do carrossel e colá-lo em seu projeto, personalizando-o como quiser. O carrossel inclui tudo o que você precisa para dropá-lo em um código-base real, incluindo o componente React, estilos com styled-components e um exemplo de itens para que você possa ver a forma dos dados esperados.

O carrossel tem várias funcionalidades, como layout de carrossel/picker em mosaico, crossfade de fundo em hover/foco, navegação por setas do teclado quando focado/ativo e fácil tema via props + CSS variables.

Para usar o carrossel, basta seguir os passos abaixo:

* Abra o link do demo e copie o código-fonte completo
* Cole o código em seu projeto e substitua os itens de exemplo pelos seus próprios
* Personalize o carrossel como quiser

Se você tiver alguma dúvida ou precisar de ajuda, sinta-se à vontade para perguntar. Estou aqui para ajudar.

Além disso, estou ansioso para ouvir seus comentários sobre o fluxo de trabalho de copiar e colar. Qual é a estrutura de arquivos que você acha mais útil? Quais são os nomes e padrões que você acha mais fáceis de entender? Qual é o comportamento de acessibilidade que você acha mais importante?