This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
We were not able to find the expected elm-package.json file at this tag.
Tag 3.0.0
Committed At 2018-09-23 02:31:41 UTC



    Elm Syntax Highlight

    Syntax highlighting in Elm. Demo.


    You can define the theme either by copying and pasting the theme styles into your .css file or using the useTheme helper.

    Copying and pasting the theme

    The theme and required styles can be found here.

    Using useTheme helper

    Place the useTheme function with your chosen theme anywhere on your view.

    import SyntaxHighlight exposing (useTheme, monokai, elm, toBlockHtml)
    view : Model -> Html msg
    view model =
        div []
            [ useTheme monokai
            , elm model.elmCode
                |> (toBlockHtml (Just 1))
                |> Result.withDefault
                    (pre [] [ code [] [ text model.elmCode ]])


    Thank you Evan for bringing joy to the frontend.