Formerly philipe-roberge/elm-grid. Search finds this package by either name.

README About Versions Source Modules

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

= Start

| End

| Center

| Stretch

Determine alignment.

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 : 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.

Modules

Grid