This module exposes all Length attributes (x, y, width, etc.) as em-based attributes. It's used as a shortcut so that it becomes unnecessary to prefix each numeric length with the em function.

Example:

import Html exposing (Html)
import Color
import TypedSvg exposing (svg, rect)
import TypedSvg.Attributes exposing (viewBox, fill, stroke)
import TypedSvg.Attributes.InEm exposing (x, y, width, height, strokeWidth)


type Msg
    = NoOp


type alias Model =
    Int


view : Model -> Html Msg
view model =
    svg
        [ viewBox 0 0 800 600
        ]
        [ rect
            [ x 15
            , y 15
            , width 20
            , height 20
            , fill Color.white
            , strokeWidth 0.5
            , stroke Color.black
            ]
            []
        ]

Common Length Attributes

Text

Marker

Other