Input Group

Examples for the ss-c-input-group module.

Default

@
HTML 
<div class="ss-c-input-group">
            <span class="ss-c-input-group__text">@</span>
            <input type="text" class="ss-c-input" placeholder="username">
        </div>

Sizes

$
https://
HTML 
<div class="ss-c-input-group ss-c-input-group--sm">
            <span class="ss-c-input-group__text">$</span>
            <input type="text" class="ss-c-input" placeholder="0.00">
        </div>
        <div class="ss-c-input-group ss-c-input-group--lg">
            <span class="ss-c-input-group__text">https://</span>
            <input type="text" class="ss-c-input" placeholder="domain">
        </div>