PF6.TextInput

PF6 TextInput component

Text inputs are used to gather free-form text input from the user.

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

Definition

type TextInput msg

Opaque TextInput type

type Type

Input type

Constructor

textInput :

{ value : String

, onChange : String -> msg

}

-> TextInput msg

Construct a TextInput

textInput { value = model.name, onChange = NameChanged }

Content modifiers

withPlaceholder : String -> TextInput msg -> TextInput msg

Set placeholder text

withHelperText : String -> TextInput msg -> TextInput msg

Set helper text below the input

withLabel : String -> TextInput msg -> TextInput msg

Set the visible label

Input type modifiers

withPasswordType : TextInput msg -> TextInput msg

Password input type (masked)

withEmailType : TextInput msg -> TextInput msg

Email input type

withSearchType : TextInput msg -> TextInput msg

Search input type

withNumberType : TextInput msg -> TextInput msg

Number input type

withTelType : TextInput msg -> TextInput msg

Tel input type

Validation modifiers

withSuccess : TextInput msg -> TextInput msg

Success validation state (green border)

withDanger : TextInput msg -> TextInput msg

Danger/error validation state (red border)

withWarning : TextInput msg -> TextInput msg

Warning validation state (yellow border)

State modifiers

withDisabled : TextInput msg -> TextInput msg

Disable the input

withReadOnly : TextInput msg -> TextInput msg

Make the input read-only

Icon

withIcon : Element msg -> TextInput msg -> TextInput msg

Add an icon inside the input (leading)

Rendering

toMarkup : Theme -> TextInput msg -> Element msg

Render the TextInput as an Element msg

lenards/elm-ui-patternfly/4.0.1