@paperbits/core/workshops/block/ko/addBlockDialog.html

Paperbits core components.

<div class="flex-item flex-item-grow form" data-bind="scrollable: true">
    <div class="form-group">
        <label class="form-label" for="blockName">
            Name for the block
        </label>
        <div class="input-group">
            <input type="text" id="blockName" class="form-control" maxlength="2000" 
                data-bind="textInput: name, validationElement: name" placeholder="e.g. Features section"/>
            <button class="btn btn-danger input-group-btn" type="button" data-bind="validationMessageToggle: name">!</button>
        </div>
    </div>
    <!-- <div class="form-group">
        <label class="form-label" for="blockDescription">
            Description
        </label>
        <div class="input-group">
            <input type="text" name="blockDescription" class="form-control" maxlength="2000"
                data-bind="textInput: description, validationElement: description" placeholder="details about a new design block" />
        </div>
    </div> -->
</div>

<div class="flex-item btn-group">
    <button class="btn btn-default" data-bind="click: addBlock">
        <i aria-hidden="true" class="paperbits-icon paperbits-simple-add"></i>
        Add to library
    </button>
</div>