SurfaceBulma.Button (surface_bulma v0.1.0)

The classic button, in different colors, sizes, and states

Properties

  • label :string - The label of the button, when no content (default slot) is provided.
  • aria_label :string - The aria label for the button.
  • color :string, values: ~w(white black light dark primary link info success warning danger) - The color of the button.
  • size :string, values: ~w(small normal medium large) - The vertical size of button.
  • value :string - The value for the button.
  • expand :boolean - Button is expanded (full-width).
  • disabled :boolean - Set the button as disabled preventing the user from interacting with the control.
  • outlined :boolean - Outlined style.
  • rounded :boolean - Rounded style.
  • hovered :boolean - Hovered style.
  • focused :boolean - Focused style.
  • active :boolean - Active style.
  • selected :boolean - Selected style.
  • loading :boolean - Loading state.
  • click :event - Triggered on click.
  • class :css_class, default: [] - Css classes to propagate down to button. Default class if no class supplied is simply button.

Link to this section Summary

Link to this section Functions

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.