For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Resources
Get started
ReferenceChangelog
ReferenceChangelog
  • Flowkit v2.0.0
    • Components
      • Cards
      • Buttons
      • Tag
      • Dropdown
      • Accordion
      • Images
      • Rich Text
      • Forms
      • Tabs
      • Slider
      • Divider
    • Utility Classes
LogoLogo
Resources
Get started
On this page
  • Class Naming
  • Navigation
  • Directional Modifiers
  • Surface Modifiers
Flowkit v2.0.0Components

Slider

Was this page helpful?
Previous

Divider

Next
Built with

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

Navigation

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