> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kiwify.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Range

> Documentation for the range input type in section settings.

The range input type allows users to select a numeric value within a specified range using a slider.

## Properties

<ParamField path="type" type="string" required>
  Must be set to "range".
</ParamField>

<ParamField path="id" type="string" required>
  Unique identifier for the setting.
</ParamField>

<ParamField path="label" type="string" required>
  The label shown in the theme editor.
</ParamField>

<ParamField path="min" type="number" required>
  Minimum allowed value.
</ParamField>

<ParamField path="max" type="number" required>
  Maximum allowed value.
</ParamField>

<ParamField path="step" type="number">
  Step increment. Default is 1.
</ParamField>

<ParamField path="unit" type="string">
  Unit to display (e.g., "px", "sec", "%").
</ParamField>

<ParamField path="default" type="number">
  Default value. Must be between min and max.
</ParamField>

<ParamField path="info" type="string">
  Additional information shown below the range input.
</ParamField>

<ParamField path="kiwi_extra" type="object">
  Additional properties for the range input. Currently supported:

  * `hidden`: boolean value, indicates whether this setting should be displayed in Theme Editor's configuration bar
  * `validations`: Apply validations to this setting before saving. Currently supported:
    * `required`: Boolean value. If true, this range must have a value and it must be greater than zero to be valid
</ParamField>

<Panel>
  <Tabs>
    <Tab title="Example">
      ```json theme={null}
      {
        "type": "range",
        "id": "padding",
        "label": "Section padding",
        "min": 0,
        "max": 100,
        "step": 5,
        "unit": "px",
        "default": 20,
        "info": "Adjust the padding around the section content"
      }
      ```
    </Tab>

    <Tab title="Result">
      <Frame>
        <img src="https://mintlify.s3.us-west-1.amazonaws.com/kiwify-81/images/en/members-area/reference/schema/fields/settings/input-types/range.webp" alt="Range" />
      </Frame>
    </Tab>
  </Tabs>
</Panel>