arowM / elm-mixin / Mixin.Html

Html alternatives just for convenience.

Primitives


type alias Html msg =
Html msg

Reexport Html.Html just for convenience.


type alias Attribute msg =
Html.Attribute msg

Reexport Html.Attribute just for convenience.

text : String -> Html msg

Reexport Html.text just for convenience.

node : String -> List (Mixin msg) -> List (Html msg) -> Html msg

Alternative to Html.node. It is a handy way to create HTML nodes with Mixin.

div : List (Mixin msg) -> List (Html msg) -> Html msg
div mixins children =
    Mixin.node "div" mixins children

map : (a -> msg) -> Html a -> Html msg

Same as Html.map.

keyed : String -> List (Mixin msg) -> List ( String, Html msg ) -> Html msg

Works just like node, but you add a unique identifier to each child node. See Html.Keyed.node for details.

Super Common Tags

div : List (Mixin msg) -> List (Html msg) -> Html msg

Represents a generic container with no special meaning.

See MDN document for details.

span : List (Mixin msg) -> List (Html msg) -> Html msg

Represents text with no specific meaning.

See MDN document for details.

p : List (Mixin msg) -> List (Html msg) -> Html msg

Defines a portion that should be displayed as a paragraph.

See MDN document for details.

a : List (Mixin msg) -> List (Html msg) -> Html msg

Represents a hyperlink, linking to another resource.

See MDN document for details.