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

Example:

import Html exposing (Html)
import Color
import TypedSvg exposing (svg, rect)
import TypedSvg.Attributes exposing (viewBox, fill, stroke)
import TypedSvg.Attributes.InPx 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 150
            , y 150
            , width 200
            , height 200
            , fill Color.white
            , strokeWidth 2
            , stroke Color.black
            ]
            []
        ]

Common Length Attributes

Text

Marker

Other