Slide-over

A side panel that will slide over your document.

<.slideover
  title="I open on the left 👈"
  close_event={JS.push("psb-assign", value: %{variation_id: :default_slideover, show: false})}
>
  <:body>Hello world</:body>
</.slideover>
<.slideover
  position={:right}
  title="I open on the right 👉"
  close_event={JS.push("psb-assign", value: %{variation_id: :right_slideover, show: false})}
>
  <:body>Hello world</:body>
</.slideover>
<.slideover
  title="I open on the left 👈"
  close_event={JS.push("psb-assign", value: %{variation_id: [:group, :left_slideover], show: false})}
>
  <:body>Left slide-over</:body>
</.slideover>
<.slideover
  position={:right}
  title="I open on the right 👉"
  close_event={JS.push("psb-assign", value: %{variation_id: [:group, :right_slideover], show: false})}
>
  <:body>Right slide-over</:body>
</.slideover>