ensolabs/designsystemet-elm/1.0.0

Designsystemet.Divider

A horizontal line between pieces of content.

Mirrors Divider from @digdir/designsystemet-react.

Card.view []
    [ Card.block [] [ Html.text "Søker" ]
    , Divider.view []
    , Card.block [] [ Html.text "Vedlegg" ]
    ]

React → Elm

  • <Divider /> → Divider.view []
view : List (Attribute msg) -> Html msg

An <hr class="ds-divider" aria-hidden="true" />. Hidden from screen readers as decoration. Use headings if the separation matters.