UI: Components

Slider

Slider cycles through a series of images, allowing users to manually or automatically navigate using arrows or swiping gestures.

With opposite color-scheme

With right-to-left

Variants

With grid-modifiers --sm-c-2 and --md-c-3

With data-scroll-infinite="true":

With data-scroll-nav="ui-scroll-nav --inside" and class --rounded:

With data-scroll-nav="ui-scroll-nav --outside":

With data-scroll-nav="ui-scroll-nav --inside --no-dots", Grid and class --rounded:

With ui-progress-timer and data-scroll-auto-play: