Pattern

    <.async_result :let={slider} assign={@slider}>
  <:loading>
    <.slider_skeleton class="slider" />
  </:loading>

  <.slider
    id={@id_async}
    class="slider"
    value={slider.value}
    markers marker_values={[0.0, 25.0, 50.0, 75.0, 100.0]}
  >
    <:label>Volume</:label>
  </.slider>
</.async_result>

  

    def mount(_params, _session, socket) do
  {:ok,
   socket
   |> assign(:id_async, "patterns-slider-async")
   |> assign_async(:slider, fn ->
     Process.sleep(1000)
     {:ok, %{slider: %{value: [25]}}}
   end)}
end