Number input

Examples

Attribute	Applied to	Outcome
`aria-label="Plus"`, `aria-label="Minus"`	`.pf-c-button.pf-m-control`	Provides an accessible name for the outer plus/minus buttons. Required
`min`	`input[type="number"].pf-c-form-control`	Provides an optional minimum value for the input.
`max`	`input[type="number"].pf-c-form-control`	Provides an optional maximum value for the input.

Class	Applied	Outcome
`.pf-c-number-input`	`<div>`	Initiates the number input component.
`.pf-c-number-input__icon`	`<span>`	Initiates the number input icon.
`.pf-c-number-input__unit`	`<span>`	Initiates the number input unit.
`--pf-c-number-input--c-form-control--width-chars`	`.pf-c-number-input`	Specifies the number of characters to show in the input.


	.pf-c-number-input	--pf-c-number-input__unit--c-input-group--MarginLeft	0.5rem
--pf-c-number-input__unit--c-input-group--MarginLeft --pf-global--spacer--sm $pf-global--spacer--sm pf-size-prem(8px) 0.5rem
	.pf-c-number-input	--pf-c-number-input__icon--FontSize	0.75rem
--pf-c-number-input__icon--FontSize --pf-global--FontSize--xs $pf-global--FontSize--xs pf-font-prem(12px) 0.75rem
	.pf-c-number-input	--pf-c-number-input--c-form-control--width-base	calc(0.5rem * 2)
--pf-c-number-input--c-form-control--width-base calc(--pf-global--spacer--sm * 2) calc($pf-global--spacer--sm * 2) calc(pf-size-prem(8px) * 2) calc(0.5rem * 2)
	.pf-c-number-input	--pf-c-number-input--c-form-control--width-chars	4
	.pf-c-number-input	--pf-c-number-input--c-form-control--Width	calc(calc(0.5rem * 2) + 4 * 1ch)
--pf-c-number-input--c-form-control--Width calc(--pf-c-number-input--c-form-control--width-base + --pf-c-number-input--c-form-control--width-chars * 1ch) calc(calc(--pf-global--spacer--sm * 2) + 4 * 1ch) calc(calc($pf-global--spacer--sm * 2) + 4 * 1ch) calc(calc(pf-size-prem(8px) * 2) + 4 * 1ch) calc(calc(0.5rem * 2) + 4 * 1ch)