SurfaceBulma.Icon.FontAwesome (surface_bulma v0.6.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/16th em

  • 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

  • default

Summary

Functions

Link to this function

render(assigns)

Callback implementation for Surface.Component.render/1.