Container

Preview:

Configuration:

Output:

Vue component

            
<LookUpBox/>
            
        

Raw HTML

            
<div class="look-up-box">
    <div class="look-up-box-wrapper">
        <div class="look-up-box-title">
            <h4>Lad os slå din bil op</h4>
        </div>
        <div class="look-up-box-form">
            <div class="look-up-box-form-wrapper">
                <div class="look-up-box-form-input">
                    <div class="form-group">
                        <div class="input">
                            <input type="text" inputmode="text" placeholder="Bilens registreringsnummer" data-np-checked="1">
                            <label for="text">Bilens registreringsnummer</label>
                         </div>
                    </div>
                </div>
                <div class="look-up-box-form-button">
                    <button role="button" class="btn btn-primary">
                        <svg focusable="false" width="24" height="24">
                            <use xlink:href="icons/custom-sprite-nuxt.svg#search"></use>
                        </svg>
                        Slå bilen op
                    </button>
                </div>
            </div>
            <div class="look-up-box-form-validation">
                <div class="look-up-box-form-validation-message">
                    <div>
                        <svg focusable="false" width="24" height="24" class="txt-red">
                            <use xlink:href="icons/custom-sprite-nuxt.svg#system-cancel"></use>
                        </svg>
                        Bilen du fandt er en ikke en Audi - prøv igen
                    </div>
                    <div>
                        <small>
                            <em>Søgningsresultat: Renault Megane IV 1,5 dCi 110 Zen 5d</em>
                        </small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
            
        

Comments

The LookUpBox width is OF COURSE controlled by the container size
To get the "box" effect you have to put a background color on the section