---
title: Carousel
description: O componente Carousel proporciona uma experiência interativa e envolvente para exibir uma variedade de conteúdos de forma dinâmica. Desenvolvido com transformações CSS 3D e um toque de JavaScript, o carrossel é capaz de criar uma apresentação de slides fluida e…
url: "https://gaianocode.com.br/docs/carousel/"
updated: "2024-02-08"
category: Pages / Page Componentes / Boots Trap / Carousel
---

# Carousel

O componente Carousel proporciona uma experiência interativa e envolvente para exibir uma variedade de conteúdos de forma dinâmica. Desenvolvido com transformações CSS 3D e um toque de JavaScript, o carrossel é capaz de criar uma apresentação de slides fluida e atrativa. Com suporte para uma variedade de elementos, como imagens, texto ou marcação personalizada, o Carousel oferece flexibilidade para exibir conteúdo de acordo com as necessidades do projeto. Além disso, inclui controles intuitivos e indicadores de navegação, permitindo que os usuários naveguem facilmente entre os slides anteriores e seguintes para uma experiência de visualização fluida e agradável.

Para mais informações sobre o componente e exemplos acesse o site: [https://getbootstrap.com/docs/5.0/components/carousel/](https://getbootstrap.com/docs/5.0/components/carousel/).

![](https://gaianocode.com.br/wp-content/uploads/2024/02/corousel-1024x232.png)

## Localização

O componente Carousel faz parte do conjunto de ferramentas fornecido pelo Bootstrap, o qual está integrado no WebComponents, como exemplificado abaixo:

![](https://gaianocode.com.br/wp-content/uploads/2024/02/carousel2.png)

## Propriedades

### Basic

As propriedades básicas do componente Carousel incluem o seu tipo, contendo como única opção Carousel, além do conteúdo do texto.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/carousel3.png)

### Params

O componente Carousel oferece diversas propriedades de parâmetros, incluindo options e box-size. A opção options permite configurar diferentes aspectos do Carousel, como seu comportamento, intervalo, pausa entre outros, enquanto, o parâmetro box-size determina o tamanho do Carousel, permitindo ajustá-lo conforme necessário para se adequar à interface.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/carousel4.png)