@paperbits/core/section/ko/sectionEditor.html

Paperbits core components.

<details open>
    <summary>
        Background
    </summary>
    <background params="{ background: $component.background, onUpdate: onBackgroundUpdate }"></background>
</details>

<details open>
    <summary>
        Section box
    </summary>
    <box params="{ features: 'border', box: sectionBox, onUpdate: onSectionBoxUpdate }"></box>
</details>

<details open>
    <summary>
        Container size
    </summary>
    <size-editor
        params="{ features: 'minHeight,maxHeight,minWidth,maxWidth', sizeConfig: containerSizeStyles, onUpdate: onContainerSizeUpdate }">
    </size-editor>
</details>

<details open>
    <summary>
        Container box
    </summary>
    <box params="{ features: 'margin,padding', box: containerBox, onUpdate: onContainerBoxUpdate }"></box>
</details>

<details open>
    <summary>
        Miscellaneous
    </summary>
    <label class="form-label">
        Stick to
        <button class="btn btn-info" role="tooltip"
            data-bind="tooltip: 'Make the element stick to the edge (top or bottom) of the screen when its containing element crosses that edge.'"></button>
    </label>
    <div class="form-group">
        <label class="form-label">
            <input name="sticking" type="radio" value="none" data-bind="checked: stickTo" />None
        </label>
        <label class="form-label">
            <input name="sticking" type="radio" value="top" data-bind="checked: stickTo" />Top
        </label>
        <label class="form-label">
            <input name="sticking" type="radio" value="bottom" data-bind="checked: stickTo" />Bottom
        </label>
    </div>
</details>

<details open>
    <summary>
        Fill available space
    </summary>
    <size-editor params="{ features: 'stretch', sizeConfig: sectionSizeStyles, onUpdate: onSectionSizeUpdate }">
    </size-editor>
</details>