Menu Icon

Carousel

A carousel provides a scalable area for multiple contents. They let users display contents by order.

Usage

Playing animation comes with two different types of effects to use. Carousel also provide different positions for contents.

Guidance

  • Carousel should include multiple divs.
  • Each div should compose of a content.
  • Able to add multiple divs by using + icon near Carousel component on page tree.

Additional info

  • Use Carousels to fit contents into the area automatically.

When not to use

  • Consider using autoplay to play content automatically.

Variations

  • The updatable properties of Carousels are effect, dots and dot position.
  • The updatable behaviour of Carousels is autoplay.
  • The updatable style features of Carousels are display, margin, padding, size, overflow, typography, background, border, effects and css.
  • The updatable style features of Carousel Slides are display, margin, padding, background, border, effects and css.
  • The updatable style features of Carousel Slides Active are display, margin, padding, size, overflow, typography, background, border, effects and css.
  • The updatable style features of Carousel Dots are display, margin, padding, background, border, effects and css.
  • The updatable style features of Carousel Dots Active are background, border, effects and css.
  • The usable dynamic properties of Carousels are effect, dots, dotPosition, autoplay, hidden and style.