import Layoutz
demo = layout
[ center $ row
[ withStyle StyleBold $ text "Layoutz"
, underlineColored "^" ColorCyan $ text "DEMO"
]
, br
, row
[ statusCard "Users" "1.2K"
, withBorder BorderDouble $ statusCard "API" "UP"
, withColor ColorRed $ withBorder BorderThick $
statusCard "CPU" "23%"
, withStyle StyleReverse $ withBorder BorderRound $
table ["Name", "Role", "Skills"]
[ [text "Gegard", text "Pugilist",
ul [text "Armenian",
ul [text "bad", ul [text "man"]]]]
, [text "Eve", text "QA", text "Testing"]
]
]
]
main = putStrLn $ render demo
open Layoutz
let demo =
layout
[ center
(row
[ s "Layoutz" |> styleBold
; underlineColored ~char:"^" ~color:Color.cyan (s "DEMO")
])
; br
; row
[ statusCard ~label:(s "Users") ~content:(s "1.2K")
; statusCard ~label:(s "API") ~content:(s "UP") |> borderDouble
; statusCard ~label:(s "CPU") ~content:(s "23%")
|> borderThick |> colorRed
; table
~headers:[ s "Name"; s "Role"; s "Skills" ]
[ [ s "Gegard"; s "Pugilist"
; ul [ li ~c:[ li ~c:[ li (s "man") ]
(s "bad") ] (s "Armenian") ] ]
; [ s "Eve"; s "QA"; s "Testing" ] ]
|> borderRound |> styleReverse
]
]
let () = print demo