Orasund / elm-ui-framework / Framework.Card

The Card attributes can be used almost anywere in the elm-ui elements.

Here are some examples:

Element.column (Card.simple ++ Grid.simple) <|
    [ Element.text <| "adds a border around the column"
    ]
Element.el Card.small <|
    Element.text "a basic card"
Input.button (Button.simple ++ Card.large) <|
    { onPress = Nothing
    , label = Element.text "a clickable card"
    }

simple : List (Element.Attribute msg)

A basic card. Check the source-code for more information.

small : List (Element.Attribute msg)

A 240px wide card. Check the source-code for more information.

large : List (Element.Attribute msg)

A 480px wide card. Check the source-code for more information.

fill : List (Element.Attribute msg)

A card filling all the avaiable space. Check the source-code for more information.