Crestron Components Lib - Showcase App

ch5-wifi-signal-level-gauge: size

size attribute

Select the size of the wifi-signal level gauge from small, regular, large and x-large.

Default value is 'regular'.

HTML
JS
CSS

<div>
	<p>small</p>
	<ch5-wifi-signal-level-gauge
		size="small" 
		alignment="up">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="small" 
		alignment="down">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="small" 
		alignment="left">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="small" 
		alignment="right">
	</ch5-wifi-signal-level-gauge>
</div>
<br/>
<div>
	<p>regular</p>
	<ch5-wifi-signal-level-gauge
		size="regular" 
		alignment="up">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="regular" 
		alignment="down">
	 </ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="regular" 
		alignment="left">
	 </ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="regular" 
		alignment="right">
	</ch5-wifi-signal-level-gauge>
</div>
<br/>
<div>
	<p>large</p>
	<ch5-wifi-signal-level-gauge
		size="large" 
		alignment="up">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="large" 
		alignment="down">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="large" 
		alignment="left">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="large" 
		alignment="right">
	</ch5-wifi-signal-level-gauge>
</div>
<br/>
<div>
	<p>x-large</p>
	<ch5-wifi-signal-level-gauge
		size="x-large" 
		alignment="up">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="x-large" 
		alignment="down">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="x-large" 
		alignment="left">
	</ch5-wifi-signal-level-gauge>
	<ch5-wifi-signal-level-gauge
		size="x-large" 
		alignment="right">
	</ch5-wifi-signal-level-gauge> 
</div>

Execute JS before HTML

Preview

small

regular

large

x-large