A NumberCounter can be used to offer a number that can be incremented and decremented with built-in buttons.

<NumberCounter Controller="NumberCounter" Components="DirectionalLayout">
    <TextButton Size="100%, 33%" Text="+" Name="IncrementButton"/>
    <TextBox Size="100%, 33%" Name="Label"/>
    <TextButton Size="100%, 33%" Text="-" Name="DecrementButton"/>
</NumberCounter>

The NumberCounter template defines an increment and decrement button with a label in the middle, laid out vertically with the increment button on top and decrement button on the bottom.

Its controller is NumberCounter and it defines the DirectionalLayout component.

<NumberCounter Size="32"/>

Simply adding the NumberCounter to a layout is enough for a basic counter.