Crestron Components Lib - Showcase App

ch5-dpad: type

type attribute:

Possible values are danger, text, warning, info, success, default, primary, secondary

HTML
JS
CSS

<h4>type="default"</h4>
<ch5-dpad type="default" shape="plus"></ch5-dpad>
<ch5-dpad type="default" shape="circle"></ch5-dpad>

<br /><br />

<h4>type="warning"</h4>
<ch5-dpad type="warning" shape="plus"></ch5-dpad>
<ch5-dpad type="warning" shape="circle"></ch5-dpad>

<br /><br />

<h4>type="danger"</h4>
<ch5-dpad type="danger" shape="plus"></ch5-dpad>
<ch5-dpad type="danger" shape="circle"></ch5-dpad>

<br /><br />

<h4>type="info"</h4>
<ch5-dpad type="info" shape="plus"></ch5-dpad>
<ch5-dpad type="info" shape="circle"></ch5-dpad>

<br /><br />

<h4>type="text"</h4>
<ch5-dpad type="text" shape="plus"></ch5-dpad>
<ch5-dpad type="text" shape="circle"></ch5-dpad>

<br /><br />

<h4>type="success"</h4>
<ch5-dpad type="success" shape="plus"></ch5-dpad>
<ch5-dpad type="success" shape="circle"></ch5-dpad>

<br /><br />

<h4>type="primary"</h4>
<ch5-dpad type="primary" shape="plus"></ch5-dpad>
<ch5-dpad type="primary" shape="circle"></ch5-dpad>

<br /><br />

<h4>type="secondary"</h4>
<ch5-dpad type="secondary" shape="plus"></ch5-dpad>
<ch5-dpad type="secondary" shape="circle"></ch5-dpad>

.class-div {
	padding: 20px 0 20px 0;  
	border-bottom: solid 1px dimgray;
}