htmx/www/attributes/hx-delete.md
2020-05-17 05:22:19 -07:00

1013 B

layout title
layout.njk </> htmx - hx-delete

hx-delete

The hx-delete attribute will cause an element to issue a DELETE to the specified URL and swap the HTML into the DOM using a swap strategy:

<button hx-delete="/account" hx-target="body">
  Delete Your Account
</button>

This example will cause the button to issue a DELETE to /account and swap the returned HTML into the innerHTML of the body.

Notes

  • hx-delete is not inherited
  • Since most browsers do not support issuing an actual DELETE, the request will actually be issued as a POST, with the X-HTTP-Method-Override header set to DELETE.
  • You can control the target of the swap using the hx-target attribute
  • You can control the swap strategy by using the hx-swap attribute
  • You can control what event triggers the request with the hx-trigger attribute