The ui5-switch component is used for changing between binary states.
The component can display texts, that will be switched, based on the component state, via the textOn and textOff properties,
but texts longer than 3 letters will be cutted off.
However, users are able to customize the width of ui5-switch with pure CSS (<ui5-switch style="width: 200px">), and set widths, depending on the texts they would use.
Note: the component would not automatically stretch to fit the whole text width.
Defines if the component is checked. Note: The property can be changed with user interaction, either by cliking the component, or by pressing the Enter or Space key.
Sets the accessible ARIA name of the component. Note: We recommend that you set an accessibleNameRef pointing to an external label or at least an accessibleName. Providing an accessibleNameRef or an accessibleName is mandatory in the cases when textOn and textOff properties aren't set.
Receives id(or many ids) of the elements that label the component. Note: We recommend that you set an accessibleNameRef pointing to an external label or at least an accessibleName. Providing an accessibleNameRef or an accessibleName is mandatory in the cases when textOn and textOff properties aren't set.
Defines the tooltip of the component. Note: If applicable an external label reference should always be the preferred option to provide context to the ui5-switch component over a tooltip.
Determines the name with which the component will be submitted in an HTML form. Important: For the name property to have effect, you must add the following import to your project: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js"; Note: When set, a native input HTML element will be created inside the component so that it can be submitted as part of an HTML form. Do not use this property unless you need to submit a form.