// Listen for messages from the iframe
window.addEventListener('message', function(event) {
  if (event.data && event.data.type === 'resize' && event.data.height) {
    // Find all iframes and resize the one that sent the message
    const iframes = document.querySelectorAll('iframe');
    for (const iframe of iframes) {
      iframe.style.height = event.data.height + 'px';
      iframe.style.width = '100%';   
      const header = document.getElementById('header');
      if (header) {
        header.style.display = 'none';
      }
    }
  }
}, false);

Examples

Really Good Software Docs

About H1 Rails

HTML First Rails

Getting started

Github

Icons

Forms

Modals

Toasts

Making It Slick

Multi Step & Nested Forms

Working With HTMX

HTMX Loading Patterns

Working With URLs

Welcome To Base Styles

Getting Started

Customization

Buttons

Title Pairs

H1 Rails

Base Styles

Tailwind Lite

Mini JS

Really Good Software

About

Examples

Elements