Pressing this button will show the modal 
Sample text
<p>
    Pressing this button will show the modal <ch5-button label="Show modal" sendEventOnClick="trig_show_1"></ch5-button>
</p>
<ch5-modal-dialog
        dismissable="false"
        receiveStateCustomClass="sig_custom_class"
        customClass="blue-dashed-border"
        receiveStateShowPulse="trig_show_1"
        closable
    >
    <p>Sample text</p>
    <ch5-image
            id="ex1-img"
            url="https://picsum.photos/200/300/?random">
    </ch5-image>
</ch5-modal-dialog>
                    .blue-dashed-border{
    border: 3px dashed blue;
}
                    
    Pressing this button wil show the modal 
    This changes the value of the sig_custom_class signal to "blue-dashed-border bg1" ( see Emulator Scenario )
    
    This changes the value of the sig_custom_class signal to "green-dotted-border bg2" ( see Emulator Scenario )
    
    This changes the value of the sig_custom_class signal to "red-solid-border bg3" ( see Emulator Scenario )
    
Sample text
<p>
    Pressing this button wil show the modal <ch5-button label="Show modal" sendEventOnClick="trig_show_2"></ch5-button>
</p>
<p>
    This changes the value of the <b>sig_custom_class</b> signal to "blue-dashed-border bg1" ( see Emulator Scenario )
    <ch5-button label="trigger 1" sendEventOnClick="sig_trig_class1"></ch5-button>
</p>
<p>
    This changes the value of the <b>sig_custom_class</b> signal to "green-dotted-border bg2" ( see Emulator Scenario )
    <ch5-button label="trigger 2" sendEventOnClick="sig_trig_class2"></ch5-button>
</p>
<p>
    This changes the value of the <b>sig_custom_class</b> signal to "red-solid-border bg3" ( see Emulator Scenario )
    <ch5-button label="trigger 3" sendEventOnClick="sig_trig_class3"></ch5-button>
</p>
<hr>
<ch5-modal-dialog
        dismissable="false"
        receiveStateCustomClass="sig_custom_class"
        customClass="blue-dashed-border"
        receiveStateShowPulse="trig_show_2"
    >
    <p>Sample text</p>
    <ch5-image
            id="ex1-img"
            url="https://picsum.photos/200/300/?random">
    </ch5-image>
</ch5-modal-dialog>
                    .blue-dashed-border{
    border: 3px dashed blue;
}
.green-dotted-border{
    border: 3px dotted green;
}
.red-solid-border{
    border: 3px solid red;
}