Crestron Components Lib - Showcase App

ch5-toggle on/off icon

ch5-toggle iconOn|iconOff


Allows icons to be defined 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 also be added.

<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>