philipe-roberge / elm-grid / Grid

Description

elm-grid is intended to ease the creation of css-grid containers in Elm.

Making a container

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

Make a new grid container.

Templates and Autos

templateCols : String -> Attribute msg

templateRows : String -> Attribute msg

templateAreas : String -> Attribute msg

autoRows : String -> Attribute msg

autoCols : String -> Attribute msg

Alignment


type Alignment
    = Start
    | End
    | Center
    | Stretch

Determine alignment.

type Alignment
  = Start | End | Center | Stretch

placeItems : Alignment -> Attribute msg

alignItems : Alignment -> Attribute msg

justifyItems : Alignment -> Attribute msg

justifySelf : Alignment -> Attribute msg

Practical

id : String -> Attribute msg

class : String -> Attribute msg

height : String -> Attribute msg

width : String -> Attribute msg

htmlAttr : Html.Attribute msg -> Attribute msg

Convert an Html.Attribute msg to a Grid.Attribute msg

Internal


type Attribute msg

Internal Attribute msg. Can be circumvented by using htmlAttr, for flexibility.