[{"name":"Framework","comment":" This module includes the basic building bocks.\nMaybe start by copying the follow code into your project:\n\n```\nview : Html msg\nview =\n    Framework.layout [] <|\n        Element.el Framework.container <|\n            Element.text \"the first element should be a container.\"\n```\n\n@docs layout, container, layoutOptions, layoutAttributes\n\n","unions":[],"aliases":[],"values":[{"name":"container","comment":" The container should be the outer most element.\nIt centers the content and sets the background to white.\n","type":"List.List (Element.Attribute msg)"},{"name":"layout","comment":" A replacement of `Element.layout` adding both the `Framework.layoutOptions` and the Framework.layoutAttributes.\n","type":"List.List (Element.Attribute msg) -> Element.Element msg -> Html.Html msg"},{"name":"layoutAttributes","comment":" The default Attributes. Check the source code if you want to know more.\n","type":"List.List (Element.Attribute msg)"},{"name":"layoutOptions","comment":" The default layoutOptions. Check the source code if you want to know more.\n","type":"List.List Element.Option"}],"binops":[]},{"name":"Framework.Button","comment":" This module contains attributes to style buttons.\n\n```\nInput.button (Button.simple ++ Color.primary) <|\n    { onPress = Nothing\n    , label = Element.text \"Button.simple ++ Color.primary\"\n    }\n```\n\nThe attribute can only be used on `Input.button` but it may be with additional attibutes from this package.\n\n@docs simple, groupLeft, groupCenter, groupRight, groupTop, groupBottom\n\n","unions":[],"aliases":[],"values":[{"name":"groupBottom","comment":" Bottom button of a group wrapped in `Grid.compact`\n","type":"List.List (Element.Attribute msg)"},{"name":"groupCenter","comment":" Center button of a group wrapped in `Grid.compact`\n","type":"List.List (Element.Attribute msg)"},{"name":"groupLeft","comment":" Left button of a group wrapped in `Grid.compact`\n","type":"List.List (Element.Attribute msg)"},{"name":"groupRight","comment":" Right button of a group wrapped in `Grid.compact`\n","type":"List.List (Element.Attribute msg)"},{"name":"groupTop","comment":" Top button of a group wrapped in `Grid.compact`\n","type":"List.List (Element.Attribute msg)"},{"name":"simple","comment":" A simple Button styling. Check the source-code for more information.\n","type":"List.List (Element.Attribute msg)"}],"binops":[]},{"name":"Framework.Card","comment":" The Card attributes can be used almost anywere in the elm-ui elements.\n\nHere are some examples:\n\n```\nElement.column (Card.simple ++ Grid.simple) <|\n    [ Element.text <| \"adds a border around the column\"\n    ]\n```\n\n```\nElement.el Card.small <|\n    Element.text \"a basic card\"\n```\n\n```\nInput.button (Button.simple ++ Card.large) <|\n    { onPress = Nothing\n    , label = Element.text \"a clickable card\"\n    }\n```\n\n@docs simple, small, large, fill\n\n","unions":[],"aliases":[],"values":[{"name":"fill","comment":" A card filling all the avaiable space.\nCheck the source-code for more information.\n","type":"List.List (Element.Attribute msg)"},{"name":"large","comment":" A 480px wide card.\nCheck the source-code for more information.\n","type":"List.List (Element.Attribute msg)"},{"name":"simple","comment":" A basic card.\nCheck the source-code for more information.\n","type":"List.List (Element.Attribute msg)"},{"name":"small","comment":" A 240px wide card.\nCheck the source-code for more information.\n","type":"List.List (Element.Attribute msg)"}],"binops":[]},{"name":"Framework.Color","comment":" This module contains the colors used in the framework.\n\n@docs cyan, green, lighterGrey, lightGrey, grey, darkGrey, darkerGrey, red, turquoise, yellow\n\nSome colors also have a Attribute that can be used nearly everywhere.\n\n@docs danger, light, dark, disabled, info, primary, success, warning\n\n","unions":[],"aliases":[],"values":[{"name":"cyan","comment":" ","type":"Element.Color"},{"name":"danger","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"dark","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"darkGrey","comment":" ","type":"Element.Color"},{"name":"darkerGrey","comment":" ","type":"Element.Color"},{"name":"disabled","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"green","comment":" ","type":"Element.Color"},{"name":"grey","comment":" ","type":"Element.Color"},{"name":"info","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"light","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"lightGrey","comment":" ","type":"Element.Color"},{"name":"lighterGrey","comment":" ","type":"Element.Color"},{"name":"primary","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"red","comment":" ","type":"Element.Color"},{"name":"success","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"turquoise","comment":" ","type":"Element.Color"},{"name":"warning","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"yellow","comment":" ","type":"Element.Color"}],"binops":[]},{"name":"Framework.Grid","comment":" This module include the basic attributes for columns and rows and two variants.\nAny of these Attributes can be used for columns and rows.\n\n```\nElement.row Grid.spacedEvenly <|\n    [ Element.text \"left item\"\n    , Element.text \"center item\"\n    , Element.text \"right item\"\n    ]\n```\n\n@docs simple, compact, spaceEvenly, section\n\n\n## DEPRECATED\n\n@docs spacedEvenly\n\n","unions":[],"aliases":[],"values":[{"name":"compact","comment":" the simple styling but without the spacing.\nCheck the source-code for more information.\n","type":"List.List (Element.Attribute msg)"},{"name":"section","comment":" The simple attributes but with a horizontal line at the top\nCheck the source-code for more information.\n","type":"List.List (Element.Attribute msg)"},{"name":"simple","comment":" The basic attributes for columns and rows.\nCheck the source-code for more information.\n","type":"List.List (Element.Attribute msg)"},{"name":"spaceEvenly","comment":" The simple attibutes but with evenly spaced elements.\nCheck the source-code for more information.\n","type":"List.List (Element.Attribute msg)"},{"name":"spacedEvenly","comment":" DEPRECATED. Use spaceEvenly instead\n","type":"List.List (Element.Attribute msg)"}],"binops":[]},{"name":"Framework.Heading","comment":" Styling for heading\n\n```\nElement.el Heading.h1 <| Element.text \"Only Element.el may be styled as a heading\"\n```\n\n@docs h1, h2, h3, h4, h5, h6\n\n","unions":[],"aliases":[],"values":[{"name":"h1","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"h2","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"h3","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"h4","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"h5","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"h6","comment":" ","type":"List.List (Element.Attribute msg)"}],"binops":[]},{"name":"Framework.Input","comment":" This module exposes simple attibutes for Inputs (beside Buttons) and\nstyling for labels.\n\n```\nInput.text Input.simple\n    { onChange = always ()\n    , text = \"Input.simple\"\n    , placeholder = Nothing\n    , label = Input.labelLeft Input.label <| Element.text \"Input.label\"\n    }\n```\n\n@docs simple, label\n\n","unions":[],"aliases":[],"values":[{"name":"label","comment":" ","type":"List.List (Element.Attribute msg)"},{"name":"simple","comment":" ","type":"List.List (Element.Attribute msg)"}],"binops":[]}]