Slider
Um componente que exibe seus filhos em um slideshow ou carrossel.
Opções
- title |
(string|node)
: título do slideshow / carrossel a ser exibido em sua parte superior. Default:none
. - dots |
boolean
: pontos de exibição no fundo para navegar rapidamente para qualquer slide. Default:true
. - fade |
boolean
: controla se o desbotamento é usado para a transição entre as lâminas. Default:false
. - draggable |
boolean
: controla se os usuários podem arrastar os slides para navegar entre eles. Default:false
. - pagination |
string
: se mostrar a paginação ou na "parte superior", "parte inferior", ou "ambos". Default:'bottom'
. - goto |
number
: Se a propriedade for alterada, o componente salta para a corrediça com o índice selecionado. Default:0
. - infinite |
boolean
: controla se o slideshow envolve o seu conteúdo. Default:false
. - interval |
number
: estabelece um intervalo de tempo para uma troca automática de lâminas. Default:none
. - swipe |
boolean
: permite o comportamento de arrasto/swipe. Default:false
. - style |
object
: Estilos em linha CSS. Default:{}
. - onClick |
function
: chamada de retorno invocada ao clicar nos botões seguinte/anterior. Default:onClick() {}
.
Exemplos
- Minimal
- Customize Pagination
- Slideshow
- Custom Styling
Editor ao vivo
Resultado
ReferenceError: Provider is not defined