CapsLockIndicator component is designed to be used together with the
PasswordField and handles the Caps Lock state only when this field is focused. When the field loses its focus, the state is changed to inactive.
<layout> <passwordField id="passwordField" capsLockIndicator="capsLockIndicator"/> <capsLockIndicator id="capsLockIndicator" /> </layout>
capsLockOffMessageattributes allow you to define the messages that will be shown by the component depending on the current Caps Lock state.
Changing visibility of the
CapsLockIndicatorcomponent dynamically using the
visibleattribute when the screen is already opened may not work as expected.
The appearance of the
CapsLockIndicator component can be customized using SCSS variables with