SurfaceBulma.Message (surface_bulma v0.5.0)
Colored message blocks, to emphasize part of your page.
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
Functions
Callback implementation for Phoenix.LiveComponent.handle_event/3
.
Callback implementation for Phoenix.LiveComponent.mount/1
.
Callback implementation for Phoenix.LiveComponent.render/1
.
Callback implementation for Phoenix.LiveComponent.update/2
.
Link to this section Functions
handle_event(binary, value, socket)
Callback implementation for Phoenix.LiveComponent.handle_event/3
.
mount(socket)
Callback implementation for Phoenix.LiveComponent.mount/1
.
render(assigns)
Callback implementation for Phoenix.LiveComponent.render/1
.
update(assigns, socket)
Callback implementation for Phoenix.LiveComponent.update/2
.