DSO Toolkit | Component Library

Progress Block 

<div class="well progress-block" data-spy="affix" data-offset-top="245" data-offset-bottom="444">
    <h2>Aanvraag voorbereiden</h2>
    <p>Omgevingsvergunning</p>
    <ul>
        <li>
            Omschrijving project
        </li>
        <li>
            Aanvrager
        </li>
    </ul>
    <button type="submit" class="btn btn-primary">
        <span>Aanvraag indienen</span>
    </button>

</div>
 
{{#progressBlock}}
  <h2>Aanvraag voorbereiden</h2>
  <p>Omgevingsvergunning</p>
  <ul>
    <li>
      Omschrijving project
    </li>
    <li>
      Aanvrager
    </li>
  </ul>
  {{> '@button' type='submit' modifier='primary' label='Aanvraag indienen' }}
{{/progressBlock}}
 
/* No context defined for this component. */
  • Content: 
    // Notes:
// ------
// * Each change to this file needs a restart of the fractal instance
// * Exported methods are merged as helpers in fractal.js

module.exports = {
  progressBlock(options) {
    const offset = Object.assign({
      top: 245,
      bottom: 444
    }, options.hash);

    return `
      <div class="well progress-block" data-spy="affix" data-offset-top="${ offset.top }" data-offset-bottom="${ offset.bottom }">
        ${options.fn(this)}
      </div>
    `.trim();
  }
};
  • URL: /components/raw/progress-block/progress-block.js
  • Filesystem Path: components\02-content\progress-block\progress-block.js
  • Size: 512 Bytes

There are no notes for this item.