UK Intestacy Calculator Example

Custom dark theme demonstration using theme: 'none'

About This Example

This example demonstrates CSS-agnostic mode. By setting theme: 'none', the widget only injects minimal structural CSS (accessibility helpers, flexbox layouts, list resets). All visual styling comes from the host page's stylesheet above.

This approach lets you fully control the widget's appearance to match your site's design system, without fighting against the widget's built-in styles.

Code:


import IntestacyWidget from '../src/integration/IntestacyWidget.js';

document.addEventListener('DOMContentLoaded', function() {
  var widget = new IntestacyWidget({
    container: '#intestacy-calculator',
    theme: 'none',
    contactInfo: 'Please contact us on 0161 348 7581 to discuss creating a Will.'
  });
});