<number-field>

Adds minus and plus button either side of a <input type="number"> input to allow you to change the values.

Slots

• default slot - The default unnamed slot should hold a number input field. The min, max, and step attributes of the number input will be used when applying the functionality.

CSS parts

• number-field::part(minus-button) - Targets the minus <button> part of the component, to allow styling to be applied.
• number-field::part(plus-button) - Targets the plus <button> part of the component, to allow styling to be applied.

Example

Code