NOTE: the latest version is 4.0.2

README About Versions Source Modules

PF6.NumberInput

PF6 NumberInput component

NumberInput allows users to enter a numeric value with stepper controls.

See: https://www.patternfly.org/components/number-input

Definition

type NumberInput msg

Opaque NumberInput type

Constructor

{ value : Float

, onChange : Float -> msg

}

-> NumberInput msg

Construct a NumberInput

numberInput { value = model.count, onChange = CountChanged }

Range modifiers

withMin : Float -> NumberInput msg -> NumberInput msg

Set minimum value

withMax : Float -> NumberInput msg -> NumberInput msg

Set maximum value

withStep : Float -> NumberInput msg -> NumberInput msg

Set step size (default 1)

Content modifiers

withLabel : String -> NumberInput msg -> NumberInput msg

Set visible label

withHelperText : String -> NumberInput msg -> NumberInput msg

Set helper text below the input

withUnit : String -> NumberInput msg -> NumberInput msg

Set unit text displayed after the input (e.g., "%", "GB")

State modifiers

withDisabled : NumberInput msg -> NumberInput msg

Disable the input

withDanger : NumberInput msg -> NumberInput msg

Danger validation state

withWarning : NumberInput msg -> NumberInput msg

Warning validation state

withSuccess : NumberInput msg -> NumberInput msg

Success validation state

Rendering

toMarkup : Theme -> NumberInput msg -> Element msg

Render the NumberInput as an Element msg

Modules