<div bs-input="text">
    <label for="grid-size" bs-input-label>Grid Size</label>
    <input id="grid-size" type="text" size="16px" value="16px" placeholder=""/>
</div>
<br/>
<div bs-input="text">
    <label for="some-input" bs-input-label>Some input</label>
    <input id="some-input" type="text" size="" value="" placeholder="EG: #main"/>
</div>
<br/>
<p bs-label-heading>Form label</p>

<div bs-input="text">
    <label for="overlay-01" bs-input-label>Input + Button</label>
    <div bs-input-group>
        <input bs-stack id="overlay-01" type="text" size="10" value="" placeholder="EG: #main"/>rs
        <button bs-button="subtle-alt icon"><svg bs-svg-icon><use xlink:href="#svg-circle-plus"></use></svg></button>
    </div>
</div>

<div bs-input="text">
    <label for="new-restriction" bs-input-label>New Restriction</label>
    <input bs-stack id="new-restriction" type="text" size="" value="" ng-model="ctrl.restriction" placeholder="eg: #main">
    <div bs-state-wrapper ng-class="[ctrl.state.classname]">
        <button type="submit" id="add-restriction" bs-button="size-small subtle-alt icon-left" ng-disabled="ctrl.state.waiting">
            <svg bs-svg-icon="" icon="circle-plus"><use xlink:href="#svg-circle-plus"></use></svg>Add</button>
        <div bs-state-icons>
            <svg bs-svg-icon icon="circle-ok" bs-state="success inline"><use xlink:href="#svg-circle-ok"></use></svg>
            <svg bs-svg-icon icon="circle-minus" bs-state="waiting inline" bs-anim="spin"><use xlink:href="#svg-circle-minus"></use></svg>
        </div>
    </div>
</div>