Skip to content

component

PriceSlider

By Vraj Parikh

Details

Summary

Dual-thumb range slider

Description

Properties Highlight: Configurable min/max price and step Currency symbol (works with $, €, £, ¥, etc.) Optional "+" suffix on max value Customizable label text ("From … to …") Show/hide "Go" button with full styling control Track, range, and thumb colors 12 font families via dropdown Adjustable gap, thumb size, track height Compatibility: Works with any Framer project. No external libraries needed — pure React with Framer property controls.

Introduction

Dual-thumb range slider

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400155258/148/228/309/79/15
  • All · #5525