Crestron Components Lib - Showcase App

ch5-overlay-panel: closeIcon

closeIcon

Specifies the CSS icon or CSS icons that will be added to the close icon element. In this example, Font Awesome classes are used.

Click the above button to make the overlay visible.

Sample text

<ch5-button label="Trigger show pulse" sendEventOnClick="trigger_1"></ch5-button>

<p>
    Click the above button to make the overlay visible.
</p>

<ch5-overlay-panel
        receiveStateShowPulse="trigger_1"
        closable
        closeIcon="fas fa-power-off" >
    <p>Sample text</p>
    <ch5-image
            id="ex1-img"
            url="https://picsum.photos/200/300/?random">
    </ch5-image>
</ch5-overlay-panel>