Crestron Components Lib - Showcase App

Common attributes: appendClassWhenInViewport

Common attributes: appendClassWhenInViewport


This attribute applies the provided value as a class name while the component is visible and removes the class name when the component is not visible.


See the CSS tab.

Use the inspector to see how the class is added and removed.
A 1s transition is added for demonstration purposes.

<div class="wrapper">
    <div class="button-wrapper">
        <ch5-button label="Default button" appendClassWhenInViewport="appended-class"></ch5-button>
    </div>
</div>