View Source SurfaceFontAwesome.Layers (surface_font_awesome v0.4.0)

A wrapping component support the layering of icons.

Example:

~F"""
<Layers>
  <Icon icon="camera" size="1x" />
  <Icon icon="ban" size="2x" />
</Layers>
"""

output

Output

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/16th em

  • style :string, default: "" - Styles for the component

  • class :css_class - CSS classes for the component

slots

Slots

  • default

Link to this section Summary

Link to this section Functions

Callback implementation for Surface.Component.render/1.