Slide-over

A side panel that will slide over your document.

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