Designsystemet.Label

The <label> of a form control.

Mirrors Label from @digdir/designsystemet-react.

Textfield, Checkbox and friends render their own label from a Designsystemet.Label. Use this module when you build a field by hand with Field:

Field.view []
    [ Label.view [] [ Html.text "Saksnummer" ]
    , Input.view [ Attr.value model.caseNumber, Events.onInput ChangedCaseNumber ]
    ]

Inside a Field, leave out for. <ds-field> connects the label to the input.

React → Elm

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

A <label class="ds-label">.

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

-> List (Attribute msg)

-> List (Html msg)

-> Html msg

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

Label.viewAs Html.span [] [ Html.text "Velg dato" ]