Arrows

Right Arrow

Left Arrow

data-flickity

Use arrows

{ "watchCSS": true, "arrowShape": "M61.68 73.08c-.1-.8-.25-1.5-.45-2.1L39.4 60.02C59 62.96 86.68 66.25 94.58 62.9c8.82-3.74 5.62-21.94-.7-21.94-5.92 0-33.74 1.22-53.79 2.14l10.61-4.77c3.41-1.7 6.02-3.56 7.82-5.57 1.71-1.9 2.56-4.61 2.56-8.12 0-2.61-.85-5.07-2.56-7.37-1.8-2.21-5.16-3.97-10.08-5.27L7.07 36.07c-2.3 1.3-4.06 3.11-5.26 5.42C.6 43.79 0 47.05 0 51.27 0 56.88 1.3 61.4 3.91 64.8l32.35 18.65c3 1.7 5.56 3.01 7.67 3.91 2 .9 4.06 1.36 6.17 1.36 2.2 0 4.06-.4 5.57-1.2a9.64 9.64 0 0 0 3.46-2.86c.9-1.2 1.55-2.61 1.95-4.22.4-1.6.6-3.3.6-5.11v-2.26Z" }

Hide arrows

{ "watchCSS": true, "prevNextButtons": false }

data-fluid-dots

{ "min": 8, "max": 36 }

data-flickity-on

Use when you want to disable carousel based on breakpoint

mobile
mobile tablet
tablet desktop
desktop

data-flickity-overflow

Use when you need it like make popups visible

visible