Forms

Range / Budget Slider Field

Single budget or quantity slider with a live value readout driven by a small scoped inline script.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add range-slider-field

Built for astro.

Full docs for Range / Budget Slider Field →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.1

Range / Budget Slider Field

Project budget $12,000

$1,000 $50,000

Props

Name	Type	Required	Default
name	string	No	'budget'
label	string	No	'Project budget'
min	number	No	1000
max	number	No	50000
step	number	No	500
defaultValue	number	No	12000
prefix	string	No	'$'
suffix	string	No	''
helpText	string	No
className	string	No	''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/range-slider-field/RangeSliderField.astro

Using the Range / Budget Slider Field component

Install it with velocityx add range-slider-field. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Range / Budget Slider Field

Props

File this creates

Using the Range / Budget Slider Field component

Related components