Skip to content

HTML Templating

Reusable Components

Reusable Modal

To insert the reusable modal into a page, use:

<button
  type="button"
  class="btn btn-primary"
  data-bs-toggle="modal"
  data-bs-target="#reusableModal"
  data-bs-title="Delete Confirmation"
  data-bs-body="Are you sure you want to delete the file '{{ file.original_file_name }}'?"
  data-bs-confirm-text="Delete"
  data-bs-confirm-color="btn-danger"
  data-bs-confirm-action="{% url 'files:delete' guid=file.guid %}"
>
  Delete File
</button>