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>