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 (Beta)
      • Cards
      • Buttons
      • Tag
      • Dropdown
      • Accordion
      • Images
      • Rich Text
      • Forms
      • Tabs
      • Slider
      • Divider
    • Utility Classes
LogoLogo
Resources
Get started
On this page
  • Class Naming
  • Navigation
  • Surface Modifiers
Flowkit (Beta)Components

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. 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