Number

Renders a number input and returns a number.

Renders a number input and returns a number. Use for values like column counts, spacing values or quantities.

Returns: A number.

Example

---
attributes:
  columns:
    type: number
    label: Number of columns
    default: 3
---
<div class="grid grid--{{ columns }}-cols">
  <!-- grid items -->
</div>

Usage

---
attributes:
  max_items:
    type: number
    label: Maximum items to display
    default: 6
    hint: The number of items shown in the grid
---
{% for product in products limit: max_items %}
  <div class="card">{{ product.name }}</div>
{% endfor %}

On this page