Designsystemet.Link

A styled link.

Mirrors Link from @digdir/designsystemet-react.

Link.view [ Attr.href "/saker/42" ] [ Html.text "Se saken" ]

With an icon, wrap the text in a <span> so the CSS can space them:

Link.view [ Attr.href "mailto:[email protected]" ]
    [ mailIcon, Html.span [] [ Html.text "Send e-post" ] ]

React → Elm

view : List (Attribute msg) -> List (Html msg) -> Html msg

An <a class="ds-link">. Give it an href, or keyboards and assistive technology won't treat it as a link.

(List (Attribute msg) -> List (Html msg) -> Html msg)

-> List (Attribute msg)

-> List (Html msg)

-> Html msg

Link styling on another element (React's asChild).

Link.viewAs Html.button
    [ Attr.type_ "button", Events.onClick ShowTerms ]
    [ Html.text "Vilkår" ]

Use a real <a href> for navigation. A button is for actions styled as links.