Home Components Number
Overview Playground API
Number input lets users enter a numeric value and incrementally increase or decrease the value with a two-segment control.
Usage Here are different types of inputs.

Slots Fancy larger or smaller input? Add size attribute for additional sizes.

States Disabled Make input look inactive by adding the disabled boolean attribute to any <button> element.

Read only

Events On input change a CustomEvent goat:change is triggered by the element.
      .addEventListener('goat:input', function (event) {
      myConsole.log('goat:input :: ' + event.details);

      document.querySelector('#number-input-field').addEventListener('goat:change', function (event) {
      myConsole.warn('goat:change :: ' + event.target.value);
Usage Slots States Events
Work in progress