Skip to content

Counter

An Alpine.js-powered counter / quantity component offering advanced features for when you need more than a simple integer field.

To enable it, select the "Counter" template from the "Field Template" setting within the "Easy Forms" section of the fieldtype configuration panel.

yaml
handle: counter_integer_field
field:
  integer_template: counter
  type: integer
  display: 'Counter Integer Field'
  default: '1'
  min_value: 1
  max_value: 100
The counter example.
The counter example.

Available Settings

You can configure the following settings for the counter field:

  • Default Value (default): The default value of the field.
  • Minimum value (min_value): The minimum allowed value.
  • Maximum value (max_value): The maximum allowed value.
  • Increment amount (increment_amount): The amount by which the value changes when clicking + or -.