Flowkit v2.0.0Components

Slider

Class Naming

ClassDescription
sliderThe main wrapper element for the slider
slider_maskA container that clips and holds the visible slide content
slider_arrowNavigation button used to go to the next/previous slide

Sliders use arrows for navigation. These arrows are styled using a base class, and surface modifiers can be added to adapt to different backgrounds.

The base class is slider_arrow.

Directional Modifiers

This can be extended with directional modifiers for navigation:

  • slider_arrow is-previous
  • slider_arrow is-next

Surface Modifiers

Use these to adapt the slider arrows to dark backgrounds.

slider_arrow is-inverse