Crestron Components Lib - Showcase App

ch5-toggle on/off icon

ch5-toggle iconOn|iconOff


Allows defining icons for the on/off states of the ch5-toggle

You can declare more than one css class in the iconOn|iconOff attribute.

In this example Font Awesome Icons were used, but other css classes can be added also. 





<ch5-toggle
    label="Alarm"
    iconOn="fas fa-bell"
    iconOff="fas fa-bell-slash"
    >
</ch5-toggle>

<br><br>

<ch5-toggle
    label="Microphone"
    iconOn="fas fa-microphone-alt"
    iconOff="fas fa-microphone-alt-slash"
    >
</ch5-toggle>

<br><br>

<ch5-toggle
    label="Retina"
    iconOn="fas fa-eye"
    iconOff="fas fa-eye-slash"
    handleShape="rectangle"
    >
</ch5-toggle>