Crestron Components Lib - Showcase App

ch5-modal-dialog (inherited from 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 modal visible.

Sample text

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

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

<ch5-modal-dialog 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-modal-dialog>