@paperbits/core
Version:
Paperbits core components.
30 lines (27 loc) • 1.41 kB
HTML
<div class="form-group">
<label for="label" class="form-label">
Label
<button class="btn btn-info" role="tooltip" aria-hidden="true" role="tooltip"
data-bind="tooltip: 'Text on the button'"></button>
</label>
<input id="label" type="text" class="form-control" data-bind="textInput: label" maxlength="256" />
</div>
<div class="form-group">
<label for="appearanceStyle" class="form-label">
Appearance
<button class="btn btn-info" role="tooltip" aria-hidden="true" role="tooltip"
data-bind="tooltip: 'Predefined appearance from style guide.'"></button>
</label>
<dropdown id="appearanceStyle"
params="{ options: appearanceStyles, value: appearanceStyle, optionsText: 'displayName', optionsValue: 'key', heading: 'Appearance' }"
aria-label="Appearance">
</dropdown>
</div>
<!-- <div class="form-group">
<label for="sizeStyle" class="form-label">
Size
<button class="btn btn-info" role="tooltip" data-bind="tooltip: 'Predefined size from style guide.'"></button>
</label>
<select id="sizeStyle" class="form-control" data-bind="options: sizeStyles, value: sizeStyle, optionsText: 'displayName', optionsValue: 'key'"></select>
</div> -->
<input-glyph params="{ selection: model.iconKey, onChange: onIconSelect }"></input-glyph>