Sets the aria-label attribute of the input
Aria-label attribute value
Sets the aria-labelledby attribute of the input
Sets the autocomplete attribute. Valid for text mode only
Sets whether to autofocus the input
Sets whether to disable the step down
Sets whether to disable the step up
Sets the input to be displayed as disabled. Valid for types 'text' and 'textarea'
Sets whether the tooltip is visible
Enables stepper arrows for type number
The user friendly message that describes what this input is about
The inner value
Sets whether the hint is from type string
The label of the input
Sets the additional css styles for the component
Sets the max attribute of the input
Sets the maxlength attribute of the input and the textarea
Sets the min attribute of the input
Sets the minlength attribute of the input and the textarea
Sets the name and the id attributes of the input
onArrowDown emitter Triggered when the arrow down key is pressed
onArrowUp emitter Triggered when the arrow up key is pressed
Emits whenever the field loses focus
Emits whenever the input is cleared
Emits whenever the Enter key is pressed
onEscape emitter Triggered when the escape key is pressed
Emits whenever the field gains focus
Emits whenever the value of the input changes
Sets the pattern attribute of the input and the textarea
The placeholder for the input that apperas with a little grey background when the input does not have a value
Sets the input to be dispalyed in readonly mode. Valid for types 'text' and 'textarea'
Recommended characters shows a character counter to the side of the input that gives a visual feedback when the user is in valid range of the value
Sets the required attribute of the input and the textarea
Sets the rows attribute of the textarea
Whether to show a char counter next to the input
Sets the step attribute of the input
Sets the css modifiers of the steppers buttons
Sets the css modifiers of the steppers
Sets the type of the input - text, textarea, number, title (default: text)
Sets the unit to be displayed after the input. Eg. kg, km/h
Sets the css class for the unit
Sets the css modifiers of the unit
A css value that controls where the unit value is placed
Sets the validation messages
Sets whether the char counter is visible
Sets whether the recommended characters count is exceeded
Gets if the clear button should be visible
Get accessor
Set accessor including call the onchange callback
Generated using TypeDoc
API reference for SfInputComponent
import {SfInputModule} from "@progress/sitefinity-component-framework";selector:
sf-input