لوحة التوقيع · الحدث

    <.signature_pad class="signature-pad" on_draw_end="signature_drawn">
  <:label>Sign here</:label>
  <:clear_trigger><.heroicon name="hero-x-mark" /></:clear_trigger>
</.signature_pad>

  

    def handle_event("signature_drawn", %{"id" => id, "url" => url} = params, socket) do
  IO.inspect(params, label: "signature_drawn")
  {:noreply, socket}
end
  

    <.signature_pad
  class="signature-pad"
  on_draw_end_client="signature-drawn"
>
  <:label>Sign here</:label>
  <:clear_trigger><.heroicon name="hero-x-mark" /></:clear_trigger>
</.signature_pad>

  

    const el = document.getElementById("signature-events-client");
el?.addEventListener("signature-drawn", (event) => console.log(event.detail));

  

    const el = document.getElementById("signature-events-client");
el?.addEventListener("signature-drawn", (event: Event) =>
  console.log((event as CustomEvent<unknown>).detail)
);