SupabaseSurface.Components.Modal (supabase_surface v0.4.0)

Properties

  • id :string, required: true - The id of the live component (required by LiveView for stateful components). .
  • title :string - The title for the Modal.
  • description :string - Description for the Modal.
  • layout :string, values: ["horizontal", "vertical"], default: "horizontal" - The layout of the Modal.
  • hide_footer :boolean, default: false - Flag to hide the Modal footer.
  • size :string, values: ["tiny", "small", "medium", "large"], default: "large" - The Modal size.
  • variant :string, values: ["danger", "warning", "success"], default: "success" - Variant for the Modal.
  • visible :boolean, default: false - If the Modal is visible.
  • class :css_class, default: "" - Additional CSS classes.
  • overlay_class :css_class, default: "" - Additional CSS classes for the overlay.
  • footer_background :boolean, default: false - To use a background for the footer.
  • align_footer :string, values: ["right", "left"], default: "left" - Where to put the buttons in the footer.
  • cancel_text :string, default: "Cancel"
  • confirm_text :string, default: "Confirm"
  • closable :boolean, default: false - Add 'x' icon to close the Modal.

Slots

  • default - Modal content.
  • trigger - Slot for the trigger element to open the Modal.
  • icon - Slot for additional icon.

Link to this section Summary

Link to this section Functions

Link to this function

close(modal_id)

Callback implementation for Phoenix.LiveComponent.mount/1.