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
Functions
Callback implementation for Phoenix.LiveComponent.mount/1
.
Link to this section Functions
Link to this function
close(modal_id)
Link to this function
mount(socket)
Callback implementation for Phoenix.LiveComponent.mount/1
.
Link to this function