---
url: https://gudhub.com/uk/docs/gh-elements/range-element/
title: "Range Element\n                #"
description: "Range is a gh element that is represented as a slider with established number boundaries. It allows user to save a specified numerical boundaries. Use this elem"
lang: uk
updated: 2026-09-12T03:11:39.405Z
---

# Range Element [#](https://gudhub.com/uk/docs/gh-elements/range-element/#range-element)

**Range** is a gh-element that is represented as a slider with established number boundaries. It allows user to save a specified numerical boundaries.

## Functional Characteristics [#](https://gudhub.com/uk/docs/gh-elements/range-element/#functional-characteristics)

Use this element to select the number of items in the online store, assess the quality of service, or set price limits.

## Value Format [#](https://gudhub.com/uk/docs/gh-elements/range-element/#value-format)

Range element value format depends on the range type. If it is Single, value format will be a maximum number in string format:

Копіювати

```json
{
    "field_value": "7"
}
```

If range type is Double, value will be range limits separated by a colon in string type.

Копіювати

```json
{
    "field_value": "4:10"
}
```

## Element Options [#](https://gudhub.com/uk/docs/gh-elements/range-element/#element-options)

Element options of the range element are contains:

-   **Field Settings**
-   **Range Settings**

Range Field Settings consists only of the standard options: Field Name and Name Space.

![Range and Field settings of the range element](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/range-field-settings.jpg "Range and Field settings")

### Range Settings [#](https://gudhub.com/uk/docs/gh-elements/range-element/#range-settings)

It is a set of options that allows to configure the range.

| Name | Description |
| :-- | :-- |
| Min | allows to set minimum range value; [details...](#min) |
| Max | allows to set maximum range value; [details...](#max) |
| Precision | allows to set range precision; [details...](#precision) |
| Range type | allows to set which type of range will be displayed; [details...](#range-type) |

#### **Min** [#](https://gudhub.com/uk/docs/gh-elements/range-element/#min)

These two options allow you to limit the minimum value of the range.

#### **Max** [#](https://gudhub.com/uk/docs/gh-elements/range-element/#max)

Allows you to set the maximum value of the range scale.

#### **Precision** [#](https://gudhub.com/uk/docs/gh-elements/range-element/#precision)

Due to this option you can adjust the range precision. Like a number element, it can have no more than three digits after the dot.

#### **Range type** [#](https://gudhub.com/uk/docs/gh-elements/range-element/#range-type)

The range types allow to set whether the user could correct the both limits of the range or only the maximum one.

## Element Style [#](https://gudhub.com/uk/docs/gh-elements/range-element/#element-style)

Range element has no special options in element style. About all standard settings you can read in [Setting Overview](https://gudhub.com/uk/docs/understanding-gudhub/gh-elements-structure/setting-overview/).

![Style of the range element](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/range-element-style.jpg "Range element style")

## Data Model [#](https://gudhub.com/uk/docs/gh-elements/range-element/#data-model)

Range element data model is very similar to numbers, but much easier:

Копіювати

```json
{
    "data_model": {
        "interpretation": [],
        "precision": "0",
        "range": {
            "min": 0, 
            "max": 10
        },
        "type": "double"
    }
}
```

| Name | Type | Description |
| :-- | :-- | :-- |
| interpretation | `array` | _contains all element interpretations_ |
| precision | `string` | _contains value of the precision_ |
| range | `object` | _contains the limits of range_ |
| min | `number` | _contains the minimum value of the range_ |
| max | `number` | _contains the maximum value of the range_ |
| type | `string` | _contains selected type of range_ |

## Filtration [#](https://gudhub.com/uk/docs/gh-elements/range-element/#filtration)

The rang element can be filtered with the same filters as [numbers](https://gudhub.com/uk/docs/gh-elements/number/):

-   [Equals(or)](https://gudhub.com/uk/docs/core-api/filter/equals/)
-   [Equals(and)](https://gudhub.com/uk/docs/core-api/filter/equals/)
-   [Not equals(or)](https://gudhub.com/uk/docs/core-api/filter/equals/)
-   [Not equals(and)](https://gudhub.com/uk/docs/core-api/filter/equals/)
-   [Is bigger than](https://gudhub.com/uk/docs/core-api/filter/number-filters/)
-   [Is lower than](https://gudhub.com/uk/docs/core-api/filter/number-filters/)
-   [Between](https://gudhub.com/uk/docs/core-api/filter/range/)
-   [Value](https://gudhub.com/uk/docs/core-api/filter/value/)

## Interpretation [#](https://gudhub.com/uk/docs/gh-elements/range-element/#interpretation)

Range element has two interpretation types, which are different for each type of range.

-   Double range type:
    
    ![Default type of interpretation of the double range type](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/range-interpretation-types-double.jpg "Default interpretation type for Double range type")
    
-   Single range type:
    
    ![Default type of interpretation of the single range type](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/range-interpretation-types-single.jpg "Default interpretation type for Single range type")
    

### Default [#](https://gudhub.com/uk/docs/gh-elements/range-element/#default)

This is a type of interpretation that allows the gh range elements to be displayed as a slider and one/two entering fields.

### Value [#](https://gudhub.com/uk/docs/gh-elements/range-element/#value)

This type displays the set value of the element.