SurfaceFontAwesome.Layers (surface_font_awesome v0.2.0) View Source

A wrapping component support the layering of icons.

Example:

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

Output

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

  • default

Link to this section Summary

Link to this section Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

Callback implementation for Phoenix.LiveComponent.render/1.

Callback implementation for Phoenix.LiveComponent.update/2.