Patternfly Logo

Touchspin

Info alert:Beta feature

This Beta component is currently under review, so please join in and give us your feedback on the PatternFly forum.

Examples

Default

With unit

%


$

With unit and lower threshold reached

%

With unit and upper threshold reached

%

Disabled

%

Varying sizes







Documentation

Overview

Usage

ClassAppliedOutcome
.pf-c-touchspin<div>Initiates the touchspin component.
.pf-c-touchspin__icon<span>Initiates the touchspin icon.
.pf-c-touchspin__unit<span>Initiates the touchspin unit.
--pf-c-touchspin--c-form-control--width-chars.pf-c-touchspinSpecifies the number of characters to show in the input.

CSS variables


View source on Github