Custom Slider Dots
Built for

Custom Slider Dots with Labels

Create custom slider dots with labels representing its corresponding slide.

Check more examples
Custom Slider Dots with Labels
example 01
required

Filter Required Minimum setup

example 02

Filter complete setup with all form elements and dynamic content

example 03

Filter complete setup with all form elements and static content

example 04

Filter using checkboxes and active class

example 05

Filter using radio buttons and filter "All"

example 06

Filter Advanced setup with conditional fields

The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.
The following element will act as a custom slide dot:
Slide 1
Slide 1
The following element will act as a custom slide dot:
Slide 2
The following element will act as a custom slide dot:
Slide 3
This is a block containing a Slider Dots content with the 'active' class. The 'active' class will be added to the Slider Dots content when it is active. You can hide this block if you want.
Slide 1