🔍

📤 Query Form

<query-form>

A lightweight Web Component for wiring forms that make safe, idempotent queries (GET).

  • Serializes form inputs into a query string.
  • Issues a fetch without a body.
  • Dispatches a pipe event with the server response.
  • Emits the payload in event.detail.text, so it can be routed into other components (<html-outlet>, <pipe-to>, etc).

Use <json-form> for state-changing operations (POST, PUT, PATCH). Use <query-form> when you just want to ask for data.

published components