SurfaceBulma.Icon.FontAwesome (surface_bulma v0.5.0)
A component that displays an icon compatible with the FontAwesome icons
properties
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: Map.keys(@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: "", values: ["solid", "regular", "light", "duotone"] - Specifies the style of the icon. Allows for the selection of Pro icon styles
mask :string, values: Map.keys(@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
color :string, values: ~w(white black light dark primary link info success warning danger) - The color of the icon.
container_size :string, values: ["small", "medium", "large"] - Specifies the size of the span that wraps the icon.
container_class :css_class, default: [] - Optional classes to add to containing span.
slots
Slots
- default
Link to this section Summary
Functions
Callback implementation for Surface.Component.render/1
.
Link to this section Functions
render(assigns)
Callback implementation for Surface.Component.render/1
.