A basic element

el (bold . pad 10) "Hello"

A basic element, with no modifiers

el_ "Hello"

Add text to a view. Not required for string literals

el_ $ do
  "Hello: "
  text user.name

Embed static, unescaped HTML or SVG. Take care not to use raw with user-generated content.

spinner = raw "<svg>...</svg>"

Do not show any content

if isVisible
 then content
 else none

A hyperlink to the given url

Create a type safe data table by specifying columns

usersTable :: [User] -> View c ()
usersTable us = do
  table id us $ do
    tcol (th hd "Name") $ \u -> td cell $ text u.name
    tcol (th hd "Email") $ \u -> td cell $ text u.email
 where
  hd = cell . bold
  cell = pad 4 . border 1

List elements do not include any inherent styling but are useful for accessibility. See list.

ol id $ do
 let nums = list Decimal
 li nums "one"
 li nums "two"
 li nums "three"