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 Color
import Html exposing (Html)
import TypedSvg exposing (rect, svg)
import TypedSvg.Attributes exposing (fill, stroke, viewBox)
import TypedSvg.Attributes.InPx exposing (height, strokeWidth, width, x, y)


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