UNPKG

@paperbits/forms

Version:
36 lines (32 loc) 1.34 kB
<div class="form-group"> <label class="form-label"> Label <button class="btn btn-info" role="tooltip" data-bind="tooltip: 'Input label'"></button> </label> <input type="text" class="form-control" placeholder="e.g. Checkbox" data-bind="textInput: label" /> </div> <div class="form-group"> <label class="form-label"> Field name <button class="btn btn-info" role="tooltip" data-bind="tooltip: 'Field name'"></button> </label> <input type="text" class="form-control" placeholder="e.g. firstName" data-bind="textInput: name" /> </div> <div class="form-group"> <label class="form-label"> <input name="required" type="checkbox" data-bind="checked: required" />Make required </label> </div> <div class="form-group"> <label class="form-label"> <input name="required" type="checkbox" data-bind="checked: readonly" />Make readonly </label> </div> <div class="form-group"> <label class="form-label"> Invalid value message <button class="btn btn-info" role="tooltip" data-bind="tooltip: 'Message shown when the input is invalid state'"></button> </label> <input type="text" class="form-control" placeholder="e.g. Invalid value" data-bind="textInput: invalidFeedback" maxlength="250" /> </div>