Event

    <.radio_group
  name="rg-events-server"
  class="radio-group"
  items={[
  %{value: "lorem", label: "Lorem ipsum dolor sit amet"},
  %{value: "duis", label: "Duis dictum gravida odio ac pharetra?"},
  %{value: "donec", label: "Donec condimentum ex mi"}
]}
  on_value_change="radio_group_changed"
>
  <:label>Pick</:label>
  <:item_control><.heroicon name="hero-check" class="data-checked" /></:item_control>
</.radio_group>
  

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

    <.radio_group
  name="rg-events-client"
  class="radio-group"
  items={[
  %{value: "lorem", label: "Lorem ipsum dolor sit amet"},
  %{value: "duis", label: "Duis dictum gravida odio ac pharetra?"},
  %{value: "donec", label: "Donec condimentum ex mi"}
]}
  on_value_change_client="radio-group-changed"
>
  <:label>Pick</:label>
  <:item_control><.heroicon name="hero-check" class="data-checked" /></:item_control>
</.radio_group>
  

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

  

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