Crestron Components Lib - Showcase App

ch5-textinput: stretch attribute

ch5-text-input stretch = "fixed".

When the stretch attribute is set to fixed, the width of the ch5-textinput will be set to a default value of 400px. (CSS class: ch5-textinput--fixed).

<div class="textinput-content">
    <ch5-textinput
        stretch="fixed"
        placeholder="FIXED stretch / width = 400px"
    ></ch5-textinput>
</div>
ch5-text-input stretch = "content".

When the stretch attribute is set to content, the width and height of the ch5-textinput will be set to 100% in order to cover the entire area of the parent. (CSS class: ch5-textinput--content)

<div class="textinput-content">
    <ch5-textinput
        stretch="content"
        placeholder="CONTENT stretch"
    ></ch5-textinput>
</div>
ch5-text-input stretch = "width".

When the stretch attribute is set to width, the width of the ch5-textinput will be set to 100% in order to span the entire length of the parent element.

<div class="textinput-content">
    <ch5-textinput
            stretch="width"
            placeholder="WIDTH stretch"
    ></ch5-textinput>
</div>