BUILD & EXPLORE / FORMS

Range sliders

Single, stepped and bounded price-range controls.

HTML5 + Tailwind CSS 4

EVERYDAY CONTROLS

Volume control

Fine-tune a single value with a smooth, precise slider.

Volume45%

Use the arrow keys for precise adjustments, or drag the handle.

FILTERS & BUDGETS

Set a minimum and maximum within your budget.

Selected budget$200 – $800Minimum and maximum stay within each other.

Minimum price$200

Maximum price$800

FIXED INCREMENTS

Choose capacity in predictable 25 GB steps.

Storage50 GB

Each step adds 25 GB. Supports mouse, touch and keyboard.

CONTROL STATES

Keep a locked value visible without allowing changes.

Reserved capacity60%

This setting is managed by your workspace administrator.