Skip to content

Main Navigation Guide Components Playground

Appearance

Sidebar Navigation

Components

Accordion

Examples

Twig API

Action

Examples

JS API

AnchorNav

Examples

JS API

AnchorScrollTo

Examples

JS API

Button

Examples

Twig API

CircularMarquee

Examples

Twig API

Cursor

Examples

JS API

Twig API

DataBind

Examples

JS API

DataComputed

Examples

JS API

DataEffect

DataEffect JS API

DataModel

DataModel JS API

Examples

Draggable

Examples

JS API

Fetch

Examples

JS API

Figure

Examples

JS API

Twig API

FigureShopify

Examples

JS API

FigureTwicpics

Examples

JS API

Twig API

FigureVideo

Examples

JS API

Twig API

FigureVideoTwicpics

Examples

JS API

Twig API

Frame

Examples

JS API

AbstractFrameTrigger

Frame

FrameAnchor

FrameForm

FrameLoader

FrameTarget

FrameTriggerLoader

Hero

Examples

Twig API

Hoverable

Examples

JS API

Icon

Examples

Twig API

IconImg

Examples

Twig API

IconList

Examples

Twig API

ImageGrid

Examples

Twig API

LargeText

Examples

JS API

Twig API

LazyInclude

Examples

JS API

MapboxStaticMap

Examples

Twig API

Menu

Examples

JS API

Modal

Examples

JS API

Twig API

Panel

Examples

JS API

Twig API

Prefetch

JS API

Reinsurance

Reinsurance examples

Twig API

ScrollAnimation

Examples

JS API

ScrollReveal

Examples

JS API

Sentinel

Slider

Examples

JS API

Slider

SliderBtn

SliderCount

SliderDots

SliderDrag

SliderItem

SliderProgress

Sticky

Examples

JS API

Twig API

Tabs

Examples

JS API

Twig API

Transition

Examples

JS API

On this page

Are you an LLM? You can read better optimized documentation at /components/Slider/examples.md for this page in Markdown format

Examples

Left aligned and contained

Center aligned

Right aligned

Last updated:

Pager

Previous pageSlider

Next pageJS API

MIT Licensed

Copyright © 2020–present Studio Meta