SurfaceBulma.Icon.FontAwesome (surface_bulma v0.2.1)
A component that displays an icon compatible with the FontAwesome icons
Properties
- size :string, values: ["xs", "sm", "lg", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"] - The size of the icon.
- transform :string - Transformations of the icon. Use
rotate-#
,grow-#
,shrink-#
,right-#
,left-#
,up-#
,down-#
in any combination. Rotations are in degrees, placement and scaling are in 1/16them
. - style :string, default: "" - Styles for the component.
- class :css_class - CSS classes for the component.
- icon :string, required: true, values: @icon_names - The icon to display.
- animated :string, values: ["spin", "pulse"] - Specifies if the icon should be animated and which animation to use.
- icon_style :string, default: "solid", values: ["solid", "regular", "light", "duotone"] - Specifies the style of the icon. Allows for the selection of Pro icon styles.
- mask :string, values: @icon_names - Sets a mask to use with the icon.
- rotate :string, values: ["90", "180", "270"] - Set the rotation of the icon with predefined angles.
- flip :string, values: ["horizontal", "vertical", "both"] - Flip the icon on a certain axis, or both (to mirror).
- primary_color :string - Primary color of the icon, if a duotone icon style is chosen, otherwise this is ignored.
- secondary_color :string - Secondary color of the icon, if a duotone icon style is chosen, otherwise this is ignored.
- primary_opacity :decimal - Primary opacity of the icon, if a duotone icon style is chosen, otherwise this is ignored.
- secondary_opacity :decimal - Secondary opacity of the icon, if a duotone icon style is chosen, otherwise this is ignored.
- container_size :string, values: ["small", "medium", "large"] - Specifies the size of the span that wraps the icon..
Slots
- default
Link to this section Summary
Functions
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
Link to this function
mount(socket)
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
.