envelope/core/templates/window-content/main.html

<p class="title">This is a demo panel</p>

<div class="buttons">
  <button
    hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
    hx-get="{% url 'modal' %}"
    hx-trigger="click"
    hx-target="#modals-here"
    class="button is-info">
    <span class="icon-text">
      <span class="icon">
        <i class="fa-solid fa-list"></i>
      </span>
      <span>Open modal</span>
    </span>
  </button>
  <button
    hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
    hx-get="{% url 'widget' %}"
    hx-trigger="click"
    hx-target="#widgets-here"
    class="button is-info">
    <span class="icon-text">
      <span class="icon">
        <i class="fa-solid fa-list"></i>
      </span>
      <span>Open widget</span>
    </span>
  </button>
  <button
    hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
    hx-get="{% url 'window' %}"
    hx-trigger="click"
    hx-target="#items-here"
    hx-swap="afterend"
    class="button is-info">
    <span class="icon-text">
      <span class="icon">
        <i class="fa-solid fa-list"></i>
      </span>
      <span>Open window</span>
    </span>
  </button>
</div>