A slider control for selecting numeric values within a defined range.
The Range field displays a visual slider that users can drag to select a value. This provides an intuitive way to set numeric values within specific boundaries. It’s particularly useful for values like opacity, ratings, or percentages where you want to limit the range and provide visual feedback. The slider makes it easy for users to find the right value without typing.
Preview in Attributes Manager
Range slider field. Preview in Gutenberg Editor
Technical Information:
| Property | Value |
|---|---|
| Gutenberg UI | Slider control |
| Data Type | `number` |
| Default Value | `0` |
| Min Value | `0` (set by default) |
| Max Value | Required – you set this in Attributes Manager |
| Best For | Constrained numeric values |
| Common Uses | Ratings (1-5), opacity (0-100), volume, brightness |