واجهة برمجية

    <.action phx-click={Corex.Combobox.set_value("combobox-api-sv-client", ["bel"])}>Belgium</.action>
<.action phx-click={Corex.Combobox.set_value("combobox-api-sv-client", [])}>Clear</.action>
<.combobox
  class="combobox"
  translation={%Corex.Combobox.Translation{placeholder: "Select", empty: "No results"}}
  items={Corex.List.new(items_minimal())}
>
  <:empty>No results</:empty>
  <:trigger><.heroicon name="hero-chevron-down" /></:trigger>
</.combobox>

  

    <.action phx-click="combobox_api_set_value">Belgium</.action>
<.action phx-click="combobox_api_clear">Clear</.action>
<.combobox
  class="combobox"
  translation={%Corex.Combobox.Translation{placeholder: "Select", empty: "No results"}}
  items={Corex.List.new(items_minimal())}
>
  <:empty>No results</:empty>
  <:trigger><.heroicon name="hero-chevron-down" /></:trigger>
</.combobox>

  

    def handle_event("combobox_api_set_value", _params, socket) do
  {:noreply, Corex.Combobox.set_value(socket, "combobox-api-sv-server", ["bel"])}
end

def handle_event("combobox_api_clear", _params, socket) do
  {:noreply, Corex.Combobox.set_value(socket, "combobox-api-sv-server", [])}
end

  

    const el = document.getElementById("combobox-api-sv-js");

el?.dispatchEvent(
  new CustomEvent("corex:combobox:set-value", {
    bubbles: false,
    detail: { value: ["deu"] },
  })
);

el?.dispatchEvent(
  new CustomEvent("corex:combobox:set-value", {
    bubbles: false,
    detail: { value: [] },
  })
);

  

    <.action phx-click={Corex.Combobox.set_open("combobox-api-open-client", true)}>Open</.action>
<.action phx-click={Corex.Combobox.set_open("combobox-api-open-client", false)}>Close</.action>
<.combobox id="combobox-api-open-client" class="combobox" items={Corex.List.new(items_minimal())}>
  <:trigger><.heroicon name="hero-chevron-down" /></:trigger>
</.combobox>

  

    <.action phx-click="combobox_api_open">Open</.action>
<.action phx-click="combobox_api_close">Close</.action>
<.combobox id="combobox-api-open-server" class="combobox" items={Corex.List.new(items_minimal())}>
  <:trigger><.heroicon name="hero-chevron-down" /></:trigger>
</.combobox>

  

    def handle_event("combobox_api_open", _, socket) do
  {:noreply, Corex.Combobox.set_open(socket, "combobox-api-open-server", true)}
end

def handle_event("combobox_api_close", _, socket) do
  {:noreply, Corex.Combobox.set_open(socket, "combobox-api-open-server", false)}
end