> ## 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

> Documentação para o tipo de entrada range em configurações de seção.

O tipo de entrada range permite aos usuários selecionar um valor numérico dentro de um intervalo especificado usando um controle deslizante.

## Propriedades

<ParamField path="type" type="string" required>
  Deve ser definido como "range".
</ParamField>

<ParamField path="id" type="string" required>
  Identificador único para a configuração.
</ParamField>

<ParamField path="label" type="string" required>
  O rótulo mostrado no editor de tema.
</ParamField>

<ParamField path="min" type="number" required>
  Valor mínimo permitido.
</ParamField>

<ParamField path="max" type="number" required>
  Valor máximo permitido.
</ParamField>

<ParamField path="step" type="number">
  Incremento do passo. O padrão é 1.
</ParamField>

<ParamField path="unit" type="string">
  Unidade a exibir (ex., "px", "sec", "%").
</ParamField>

<ParamField path="default" type="number">
  Valor padrão. Deve estar entre min e max.
</ParamField>

<ParamField path="info" type="string">
  Informações adicionais mostradas abaixo da entrada range.
</ParamField>

<ParamField path="kiwi_extra" type="object">
  Propriedades adicionais para a entrada range. Atualmente suportadas:

  * `hidden`: valor booleano, indica se esta configuração deve ser exibida na barra de configuração do Editor de Tema
  * `validations`: Aplica validações a esta configuração antes de salvar. Atualmente suportadas:
    * `required`: Valor booleano. Se verdadeiro, este range deve ter um valor e deve ser maior que zero para ser válido
</ParamField>

<Panel>
  <Tabs>
    <Tab title="Exemplo">
      ```json theme={null}
      {
        "type": "range",
        "id": "padding",
        "label": "Padding da seção",
        "min": 0,
        "max": 100,
        "step": 5,
        "unit": "px",
        "default": 20,
        "info": "Ajustar o padding ao redor do conteúdo da seção"
      }
      ```
    </Tab>

    <Tab title="Resultado">
      <Frame>
        <img src="https://mintcdn.com/kiwify-81/eqGeDYA02A7icNcw/images/members-area/reference/schema/fields/settings/input-types/range.webp?fit=max&auto=format&n=eqGeDYA02A7icNcw&q=85&s=11c6321ee702a0662b1da7b52955c6de" alt="Range" width="740" height="354" data-path="images/members-area/reference/schema/fields/settings/input-types/range.webp" />
      </Frame>
    </Tab>
  </Tabs>
</Panel>
