Side Modal

A panel that slides in from the edge of the screen — for detail views and secondary flows.

Positions

.demo-row
  = app_theme_side_modal do |modal|
    - modal.with_trigger do
      = app_theme_button "Open right panel", variant: :secondary
    - modal.with_header do
      Right panel
    - modal.with_body do
      %p Slides in from the right (default).
  = app_theme_side_modal(position: :left) do |modal|
    - modal.with_trigger do
      = app_theme_button "Open left panel", variant: :secondary
    - modal.with_header do
      Left panel
    - modal.with_body do
      %p Slides in from the left.
    - modal.with_footer do
      = app_theme_button "Done", variant: :primary