Live Storybook

Slide-over

A side panel that will slide over your document.

Default slideover Open in playground 
<.slideover title="I open on the left 👈" theme={:default} close_event={JS.push("psb-assign", value: %{variation_id: :default_slideover, show: false})}>
  <:body>Hello world</:body>
</.slideover>
Right slideover Open in playground 
<.slideover position={:right} title="I open on the right 👉" theme={:default} close_event={JS.push("psb-assign", value: %{variation_id: :right_slideover, show: false})}>
  <:body>Hello world</:body>
</.slideover>
Group Open in playground 
<.slideover title="I open on the left 👈" theme={:default} 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 👉" theme={:default} close_event={JS.push("psb-assign", value: %{variation_id: [:group, :right_slideover], show: false})}>
  <:body>Right slide-over</:body>
</.slideover>