a8eb7e3 · typeable/elm-ui

git.iko.soy/typeable/elm-ui

on master help sign in

Fix readme example

a8eb7e3Matthew Griffith8 years ago

README.md+10−7

compare with master

unifiedsplit

@@ -15,18 +15,19 @@ This means:

17```elm

18−import Element exposing (Element, el, text, row, alignRight, fill, width, rgb)

18+import Element exposing (Element, el, text, row, alignRight, fill, width, rgb255, spacing, centerY, padding)

19import Element.Background as Background

20import Element.Border as Border

21+import Element.Font as Font

23main =

24main =

24 Element.layout []

25 Element.layout []

25− myElement

26+ myRowOfStuff

26−

28+myRowOfStuff : Element msg

28myRowOfStuff =

29myRowOfStuff =

29− row [ width fill ]

30+ row [ width fill, centerY, spacing 30 ]

30 [ myElement

31 [ myElement

31 , myElement

32 , myElement

32 , el [ alignRight ] myElement

33 , el [ alignRight ] myElement

@@ -36,10 +37,12 @@ myRowOfStuff =

36myElement : Element msg

37myElement : Element msg

37myElement =

38myElement =

38 el

39 el

39− [ Background.color (rgb 0.2 0.3 0.3)

40+ [ Background.color (rgb255 240 0 245)

40− , Border.color (rgb 0.2 0.4 0.3)

41+ , Font.color (rgb255 255 255 255)

42+ , Border.rounded 3

43+ , padding 30

41 ]

44 ]

42− (text "You've made a stylish element!")

45+ (text "stylish!")

43```

46```