HTML Div

The <ch5-html-div> component is a container component that wraps the native HTML <div> element and applies the .ch5-html-div CSS class to the container. This component supports label and labelInnerHtml attributes.

For interactive examples using the <ch5-html-div> component and CSS classes, refer to the Showcase Application.

Features

The <ch5-html-div> attributes provide the following features:

Sets the height and width of the <div> container.
Sets a background color for the <div> container.
Sets the border color, thickness, style, and radius of the <div> container.
Sets the font size and color of the <div> container.

Design Considerations

Theme variables apply globally (all <ch5-html-div> instances in a project inherit theme editor values). To style individual <ch5-html-div> components differently, users must override theme variables via the property grid.
Unlike buttons or lists, there are no subtypes or variants for the <ch5-html-div> component.
The unique CSS class Construct-DIV is maintained by Crestron Construct software for this component.

Have feedback on this document? Contact docfeedback@crestron.com.

All brand names, product names and trademarks are the property of their respective owners. Certain trademarks, registered trademarks, and trade names may be used to refer to either the entities claiming the marks and names or their products. Crestron disclaims any proprietary interest in the marks and names of others. Crestron is not responsible for errors in typography or photography. Specifications are subject to change without notice.