Crestron Components Lib - Showcase App

ch5-select: mode

ch5-select: mode

Two choices below. Default is 'plain'
plain - select menu opens and closes as clicked by user
panel – select menu stays open even when not in focus

mode = plain (default)

mode = panel

<div class="row">
    <p>mode = plain (default)</p>
    
    <ch5-select minWidth="250px" maxWidth="350px"
                 size="5" indexId="idx" noneSelectedPrompt="Select">
        <template>
            <ch5-select-option>
                <div>
                    <span>item_{{idx}}</span>
                </div>
            </ch5-select-option>
        </template>
    </ch5-select>
    
</div>


<div class="row">
    <p>mode = panel</p>
    <ch5-select mode="panel" panelScrollHeight="200" minWidth="250px" maxWidth="350px"
                 size="25" indexId="idx" noneSelectedPrompt="Select">
         <template>
            <ch5-select-option>
                <div>
                    <span>item_{{idx}}</span>
                </div>
            </ch5-select-option>
         </template>
    </ch5-select>
</div>