Opal-Estate-Pro/node_modules/browser-sync-ui/static/components/forms.html
2019-09-13 11:27:52 +07:00

35 lines
1.5 KiB
HTML

<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>