Flowkit (Beta)Components

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.
This can be extended with directional modifiers for navigation:

  • Slider Arrow Left
  • Slider Arrow Right

Surface Modifiers

Use these to adapt the slider arrows to dark backgrounds.

Slider Arrow Inverse Slider Arrow