lattyware / elm-fontawesome / FontAwesome.Layering

Layers are the way to place icons and text visually on top of each other. With this approach you can use more than two icons, use multiple colors, and layer text and/or counters onto an icon.

See the FontAwesome docs for details.

layers : List (Html.Attribute msg) -> List (Html msg) -> Html msg

Convenience function for producing layers of icons.

text : List (Html.Attribute msg) -> String -> Html msg

Add inside your layers element to put text on top of an icon.

textTransformed : List (Html.Attribute msg) -> List FontAwesome.Transforms.Transform -> String -> Html msg

Add inside your layers element to put text on top of an icon, applying the given transforms to it.

layersBottomLeft : Html.Attribute msg

Apply the fa-layers-bottom-left class to the element.

layersBottomRight : Html.Attribute msg

Apply the fa-layers-bottom-right class to the element.

layersTopLeft : Html.Attribute msg

Apply the fa-layers-top-left class to the element.

layersTopRight : Html.Attribute msg

Apply the fa-layers-top-right class to the element.