range

A slider between min and max, in steps.

The saved value stays between min and max.

Schema

{
  "type": "range",
  "id": "columns",
  "label": "Columns",
  "min": 2,
  "max": 5,
  "step": 1,
  "default": 4
}

Value in Liquid

A number.

Usage

grid-template-columns: repeat({{ section.settings.columns }}, 1fr);

Compatibility

Shopify: Same as Shopify.

Since theme platform 1.0.