Web.View.Element

Documentation

el :: Mod -> View c () -> View c ()

A basic element

el (bold . pad 10) "Hello"

el_ :: View c () -> View c ()

A basic element, with no modifiers

el_ "Hello"

text :: Text -> View c ()

Add text to a view. Not required for string literals

el_ $ do
  "Hello: "
  text user.name

raw :: Text -> View c ()

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

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

none :: View c ()

Do not show any content

if isVisible
 then content
 else none

pre :: Mod -> Text -> View c ()

link :: Url -> Mod -> View c () -> View c ()

A hyperlink to the given url

Inputs

form :: Mod -> View c () -> View c ()

input :: Mod -> View c ()

name :: Text -> Mod

value :: Text -> Mod

label :: Mod -> View c () -> View c ()

button :: Mod -> View c () -> View c ()

Document Metadata

script :: Text -> View c ()

style :: Text -> View c ()

stylesheet :: Text -> View c ()

Tables

table :: Mod -> [dt] -> Eff '[Writer [TableColumn c dt]] () -> View c ()

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

tcol :: forall dt c. View (TableHead c) () -> (dt -> View dt ()) -> Eff '[Writer [TableColumn c dt]] ()

th :: Mod -> View c () -> View (TableHead c) ()

td :: Mod -> View () () -> View dt ()

newtype TableHead a

Constructors

TableHead a

data TableColumn c dt

Constructors

TableColumn

Fields

• headCell :: View (TableHead c) ()
• dataCell :: dt -> View dt ()