src/templates/semantic/builderEditForm.js

export default {
  form: `
<div class="ui grid">
  <div class="eight wide column">
    <h3 class="lead">{{componentInfo.title}} {{t('Component')}}</h3>
  </div>
  <div class="eight wide column">
    <div class="right floated" style="margin-right: 20px; margin-top: 10px">
      <a href="{{componentInfo.documentation}}" target="_blank">
        <i class="{{iconClass('new-window')}}"> {{t('Help')}}</i>
      </a>
    </div>
  </div>
</div>
<div class="ui grid">
  <div class="eight wide column">
    <div ref="editForm">
        {{editForm}}
    </div>
  </div>
  <div class="eight wide column">
    <div class="ui top attached block header">
      {{t('Preview')}}
    </div>
    <div class="ui bottom attached segment" ref="preview">
      {{preview}}
    </div>
    <div style="margin-top: 10px;">
      <button class="ui button primary" style="margin-right: 10px;" ref="saveButton">{{t('Save')}}</button>
      <button class="ui button default" style="margin-right: 10px;" ref="cancelButton">{{t('Cancel')}}</button>
      <button class="ui button negative" ref="removeButton">{{t('Remove')}}</button>
    </div>
  </div>
</div> 
`,
};