SurfaceBulma.Tag (surface_bulma v0.2.0)

Tag is very useful as a way to attach information to a block or other component. Its size makes it also easy to display in numbers, making it appropriate for long lists of items.

Properties

  • label :string - The label of the tag, when no content (default slot) is provided.
  • color :string, values: ~w(black dark light white primary link info success warning danger) - The color of the tag.
  • size :string, values: ~w(normal medium large) - The size of the delete.
  • light :boolean - Light style.
  • rounded :boolean - Rounded style.

Slots

  • default - The content of the generated <span> element. If no content is provided, the value of property label is used instead. .

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.