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
Used to determine whether the char counter should be enabled when changing the focus
Enables stepper arrows for type number
The internal data model used for html sanitize
The user friendly message that describes what this input is about
The inner value
Gets the input element
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
Placeholder for the callback which is later provided by the Control Value Accessor
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
Placeholder for the callback which is later provided by the Control Value Accessor
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
Checks hint type
Check whether to disable steppers
Enforces min and max for input
Focuses the input
Focuses title type
Generates input css class
Generates steppers css modifiers/look
Generates unit css class
Get aria-label value depending on the Inputs
Handles arrow down key pressed
Handles arrow up key pressed
Set touched on blur Handles blur event
Handles clear event
Handles enter event
Handles escape key pressed
Handles focus event
Handles input event
Handles paste
Handles toggling of tooltip
Sets the cursor position at the end
From ControlValueAccessor interface
From ControlValueAccessor interface
Step down method
Step up method
From ControlValueAccessor interface
Generated using TypeDoc
API reference for SfInputComponent
import {SfInputModule} from "@progress/sitefinity-component-framework";selector:
sf-input