Crestron Components Lib - Showcase App

ch5-list: orientation

Possible values for the orientation attribute are: horizontal and vertical.

By default, if the orientation attribute is not provided, the list will be displayed vertically, equivalent to having orientation="vertical"

The following example shows a horizontal list:

<ch5-list id="demo-list-1"
					 size="5"
					 orientation="horizontal"
					 indexId="idx">
		<template>
				<div class="horizontal-list-item">
						<span>item_{{idx}}</span>
				</div>
		</template>
</ch5-list>

Possible values for the orientation attribute are: horizontal and vertical.

By default, if the orientation attribute is not provided, the list will be displayed vertically, equivalent to having orientation="vertical".

The following example shows a vertical list:


<ch5-list id="demo-list-2"
					 size="5"
					 orientation="vertical"
					 indexId="idx">
		<template>
				<div class="vertical-list-item">
						<span>item_{{idx}}</span>
				</div>
		</template>
</ch5-list>