SurfaceBulma.Message (surface_bulma v0.5.0)

Colored message blocks, to emphasize part of your page.

Bulma Docs - Card

properties

Properties

  • id :string, required: true - The id of the live component (required by LiveView for stateful components).

  • color :string, values: ~w(white black light dark primary link info success warning danger) - The color of the message.

  • size :string, values: ~w(small normal medium large) - The color of the message.

  • closable :boolean, default: false - When used with a header, close button embedded in header

  • aria_close_label :string - Custom ARIA label for close button

  • container_class :css_class - Additional CSS for container

  • header_class :css_class - Additional CSS for header

  • close_class :css_class - Additional CSS for close button

  • body_class :css_class - Additional CSS for body

slots

Slots

  • default, required: true - Content for the main part of the component
  • header_content - Message header that can hold a title and a delete element

Link to this section Summary

Link to this section Functions

Link to this function

handle_event(binary, value, socket)

Callback implementation for Phoenix.LiveComponent.handle_event/3.

Callback implementation for Phoenix.LiveComponent.mount/1.

Link to this function

render(assigns)

Callback implementation for Phoenix.LiveComponent.render/1.

Link to this function

update(assigns, socket)

Callback implementation for Phoenix.LiveComponent.update/2.