Carousel
O Carrossel é um padrão usado para apresentar conteúdo na forma de lista horizontal. A navegação entre as páginas pode ser feita usando os botões de anterior/próximo ou pelo gesto de swipe.
Playground
Propriedades
Nome (* = obrigatório) | Tipo | Valores | Descrição |
|---|---|---|---|
children | ReactNode |
| Conteúdo interno do Carousel. O Scroll do componente é ativado quando o width do |
innerGap | CarouselInnerGap |
| Gap entre os itens internos do Carousel |
customProps | { wrapper?: ComponentPropsWithRef<'div'>; wrapperList?: ComponentPropsWithRef<'ul'>; item?: ComponentPropsWithRef<'li'>; } |
| Adiciona propriedades específicas para elementos filhos. |
Métodos
Nome (* = obrigatório) | Tipo | Descrição |
|---|---|---|
onScrollLeft | function | Função chamada quando ocorre um scroll para a esquerda no componente |
onScrollRight | function | Função chamada quando ocorre um scroll para a direita no componente |