miso-1.8.5.0: A tasty Haskell front-end web framework

Copyright(C) 2016-2018 David M. Johnson
LicenseBSD3-style (see the file LICENSE)
MaintainerDavid M. Johnson <djohnson.m@gmail.com>
Stabilityexperimental
Portabilitynon-portable
Safe HaskellNone
LanguageHaskell2010

Miso.Html

Description

Example usage:

import Miso

data IntAction = Add | Subtract

intView :: Int -> View IntAction
intView n = div_ [ class_ "main" ] [
   btn_ [ onClick Add ] [ text_ "+" ]
 , text_ $ pack (show n)
 , btn_ [ onClick Subtract ] [ text_ "-" ]
 ]

More information on how to use miso is available on GitHub

http://github.com/dmjio/miso

Synopsis

Documentation

nodeHtml :: MisoString -> [Attribute action] -> [View action] -> View action Source #

Used to construct VNode's in View

nodeHtmlKeyed :: MisoString -> Key -> [Attribute action] -> [View action] -> View action Source #

Construct a node with a Key

div_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div

table_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table

thead_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead

tbody_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody

tr_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr

trKeyed_ :: Key -> [Attribute action] -> [View action] -> View action Source #

Contains Key, inteded to be used for child replacement patch

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr

th_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th

td_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td

tfoot_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot

section_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section

header_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header

footer_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer

button_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

form_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form

p_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p

s_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/s

ul_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul

span_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span

strong_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong

li_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li

liKeyed_ :: Key -> [Attribute action] -> [View action] -> View action Source #

Contains Key, inteded to be used for child replacement patch

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li

h1_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h1

h2_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h2

h3_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h3

h4_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h4

h5_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h5

h6_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h6

hr_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr

pre_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

input_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input

label_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label

a_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

mark_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark

ruby_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby

rt_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rt

rp_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rp

bdi_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdi

bdo_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo

wbr_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr

details_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

summary_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary

menuitem_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menuitem

menu_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu

fieldset_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset

legend_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/legend

datalist_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

optgroup_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup

keygen_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/keygen

output_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output

progress_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress

meter_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter

center_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center

audio_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

video_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

source_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source

track_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track

embed_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed

object_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object

param_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/param

ins_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ins

del_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del

small_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/small

cite_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite

dfn_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn

abbr_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr

time_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time

var_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var

samp_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/samp

kbd_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd

caption_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption

colgroup_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup

col_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col

nav_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav

article_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article

aside_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside

address_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address

main_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main

body_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body

figure_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure

figcaption_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption

dl_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl

dt_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dt

dd_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dd

img_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

iframe_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

canvas_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas

math_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/math

select_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select

option_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option

textarea_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

sub_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sub

sup_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup

br_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br

ol_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol

blockquote_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote

code_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code

em_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em

i_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i

b_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b

u_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u

q_ :: [Attribute action] -> [View action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q

link_ :: [Attribute action] -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

script_ :: [Attribute action] -> MisoString -> View action Source #

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script

This takes the raw text to be put in the script tag.

That means that if any part of the text is not trusted there's a potential JavaScript injection. Read more at https://owasp.org/www-community/attacks/xss/

You can also easily shoot yourself in the foot with something like:

script_ [] "</script>"

module Miso.Html.Event

data Attribute action Source #

Attribute of a vnode in a View.

The Sink callback can be used to dispatch actions which are fed back to the update function. This is especially useful for event handlers like the onclick attribute. The second argument represents the vnode the attribute is attached to.

Constructors

P MisoString Value 
E (Sink action -> Object -> JSM ()) 
S (Map MisoString MisoString) 
Instances
Functor Attribute Source # 
Instance details

Defined in Miso.Html.Types

Methods

fmap :: (a -> b) -> Attribute a -> Attribute b Source #

(<$) :: a -> Attribute b -> Attribute a Source #

class ToKey key where Source #

Convert custom key types to Key.

Instances of this class do not have to guarantee uniqueness of the generated keys, it is up to the user to do so. toKey must be an injective function.

Methods

toKey :: key -> Key Source #

Instances
ToKey Double Source #

Convert Double to Key

Instance details

Defined in Miso.Html.Types

Methods

toKey :: Double -> Key Source #

ToKey Float Source #

Convert Float to Key

Instance details

Defined in Miso.Html.Types

Methods

toKey :: Float -> Key Source #

ToKey Int Source #

Convert Int to Key

Instance details

Defined in Miso.Html.Types

Methods

toKey :: Int -> Key Source #

ToKey Word Source #

Convert Word to Key

Instance details

Defined in Miso.Html.Types

Methods

toKey :: Word -> Key Source #

ToKey String Source #

Convert String to Key

Instance details

Defined in Miso.Html.Types

Methods

toKey :: String -> Key Source #

ToKey Text Source #

Convert Text to Key

Instance details

Defined in Miso.Html.Types

Methods

toKey :: Text -> Key Source #

ToKey JSString Source #

Convert MisoString to Key

Instance details

Defined in Miso.Html.Types

Methods

toKey :: JSString -> Key Source #

ToKey Key Source #

Identity instance

Instance details

Defined in Miso.Html.Types

Methods

toKey :: Key -> Key Source #

newtype Key Source #

A unique key for a dom node.

This key is only used to speed up diffing the children of a DOM node, the actual content is not important. The keys of the children of a given DOM node must be unique. Failure to satisfy this invariant gives undefined behavior at runtime.

Constructors

Key MisoString 
Instances
ToJSVal Key Source # 
Instance details

Defined in Miso.Html.Types

Methods

toJSVal :: Key -> IO JSVal Source #

toJSValListOf :: [Key] -> IO JSVal Source #

ToKey Key Source #

Identity instance

Instance details

Defined in Miso.Html.Types

Methods

toKey :: Key -> Key Source #

data NS Source #

Namespace of DOM elements.

Constructors

HTML

HTML Namespace

SVG

SVG Namespace

MATHML

MATHML Namespace

Instances
Eq NS Source # 
Instance details

Defined in Miso.Html.Types

Methods

(==) :: NS -> NS -> Bool Source #

(/=) :: NS -> NS -> Bool Source #

Show NS Source # 
Instance details

Defined in Miso.Html.Types

Methods

showsPrec :: Int -> NS -> ShowS Source #

show :: NS -> String Source #

showList :: [NS] -> ShowS Source #

ToJSVal NS Source # 
Instance details

Defined in Miso.Html.Types

Methods

toJSVal :: NS -> IO JSVal Source #

toJSValListOf :: [NS] -> IO JSVal Source #

newtype VTree Source #

Virtual DOM implemented as a JavaScript Object. Used for diffing, patching and event delegation. Not meant to be constructed directly, see View instead.

Constructors

VTree 

Fields

class ToView v where Source #

Convenience class for using View

Methods

toView :: v -> View action Source #

data View action Source #

Core type for constructing a VTree, use this instead of VTree directly.

Constructors

Node NS MisoString (Maybe Key) [Attribute action] [View action] 
Text MisoString 
TextRaw MisoString 
Instances
Functor View Source # 
Instance details

Defined in Miso.Html.Types

Methods

fmap :: (a -> b) -> View a -> View b Source #

(<$) :: a -> View b -> View a Source #

IsString (View a) Source #

IsString instance

Instance details

Defined in Miso.Html.Types

Methods

fromString :: String -> View a Source #

ToHtml (View action) Source #

Converting View to Lucid's Html

Instance details

Defined in Miso.Html.Types

Methods

toHtml :: Monad m => View action -> HtmlT m () Source #

toHtmlRaw :: Monad m => View action -> HtmlT m () Source #

HasLink (View a :: Type) Source #

For constructing type-safe links

Instance details

Defined in Miso.Html.Types

Associated Types

type MkLink (View a) a :: Type Source #

Methods

toLink :: (Link -> a0) -> Proxy (View a) -> Link -> MkLink (View a) a0 Source #

HasRouter (View a :: Type) Source #

View

Instance details

Defined in Miso.Router

Associated Types

type RouteT (View a) a :: Type Source #

Methods

mkRouter :: Proxy (View a) -> Proxy a0 -> RouteT (View a) a0 -> Router a0

type MkLink (View a :: Type) b Source # 
Instance details

Defined in Miso.Html.Types

type MkLink (View a :: Type) b = MkLink (Get ([] :: [Type]) ()) b
type RouteT (View a :: Type) x Source # 
Instance details

Defined in Miso.Router

type RouteT (View a :: Type) x = x

rawHtml :: MisoString -> View action Source #

Create a new Miso.Html.Types.TextRaw.

expandable a rawHtml node takes raw HTML and attempts to convert it to a VTree at runtime. This is a way to dynamically populate the virtual DOM from HTML received at runtime. If rawHtml cannot parse the HTML it will not render.

node :: NS -> MisoString -> Maybe Key -> [Attribute action] -> [View action] -> View action Source #

Create a new Miso.Html.Types.Node.

node ns tag key attrs children creates a new node with tag tag and Key key in the namespace ns. All attrs are called when the node is created and its children are initialized to children.

text :: MisoString -> View action Source #

Create a new Text with the given content.

runView :: View action -> Sink action -> JSM VTree Source #

prop :: ToJSON a => MisoString -> a -> Attribute action Source #

prop k v is an attribute that will set the attribute k of the DOM node associated with the vnode to v.

on :: MisoString -> Decoder r -> (r -> action) -> Attribute action Source #

Convenience wrapper for onWithOptions defaultOptions.

let clickHandler = on "click" emptyDecoder $ \() -> Action
in button_ [ clickHandler, class_ "add" ] [ text_ "+" ]

onWithOptions :: Options -> MisoString -> Decoder r -> (r -> action) -> Attribute action Source #

onWithOptions opts eventName decoder toAction is an attribute that will set the event handler of the associated DOM node to a function that decodes its argument using decoder, converts it to an action using toAction and then feeds that action back to the update function.

opts can be used to disable further event propagation.

let clickHandler = onWithOptions defaultOptions "click" emptyDecoder $ \() -> Action
in button_ [ clickHandler, class_ "add" ] [ text_ "+" ]

onCreated :: action -> Attribute action Source #

onCreated action is an event that gets called after the actual DOM element is created.

Important note: Any node that uses this event MUST have a unique Key, otherwise the event may not be reliably called!

onDestroyed :: action -> Attribute action Source #

onDestroyed action is an event that gets called after the DOM element is removed from the DOM. The action is given the DOM element that was removed from the DOM tree.

Important note: Any node that uses this event MUST have a unique Key, otherwise the event may not be reliably called!

onBeforeDestroyed :: action -> Attribute action Source #

onBeforeDestroyed action is an event that gets called before the DOM element is removed from the DOM. The action is given the DOM element that was removed from the DOM tree.

Important note: Any node that uses this event MUST have a unique Key, otherwise the event may not be reliably called!

style_ :: Map MisoString MisoString -> Attribute action Source #

style_ attrs is an attribute that will set the style attribute of the associated DOM node to attrs.

style attributes not contained in attrs will be deleted.

import qualified Data.Map as M
div_ [ style_  $ M.singleton "background" "red" ] [ ]

https://developer.mozilla.org/en-US/docs/Web/CSS

boolProp :: MisoString -> Bool -> Attribute action Source #

Set field to Bool value

stringProp :: MisoString -> String -> Attribute action Source #

Set field to String value

textProp :: MisoString -> MisoString -> Attribute action Source #

Set field to Text value

intProp :: MisoString -> Int -> Attribute action Source #

Set field to Int value

integerProp :: MisoString -> Int -> Attribute action Source #

Set field to Integer value

doubleProp :: MisoString -> Double -> Attribute action Source #

Set field to Double value

classList_ :: [(MisoString, Bool)] -> Attribute action Source #

Define multiple classes conditionally

div_ [ classList_ [ ("empty", null items) ] [ ]

title_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/title

selected_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/selected

hidden_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/hidden

value_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/value

defaultValue_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/defaultValue

accept_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/accept

acceptCharset_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/acceptCharset

action_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/action

autocomplete_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/autocomplete

autosave_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/autosave

disabled_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/disabled

enctype_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/enctype

formation_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/formation

list_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/list

maxlength_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/maxlength

minlength_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/minlength

method_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/method

multiple_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/multiple

novalidate_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/novalidate

pattern_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/pattern

readonly_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/readonly

required_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/required

size_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/size

for_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/for

ref_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/ref

max_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/max

min_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/min

step_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/step

cols_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/cols

rows_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/rows

wrap_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/wrap

target_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/target

download_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/download

downloadAs_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/downloadAs

hreflang_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/hreflang

media_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/media

ping_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/ping

rel_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/rel

ismap_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/ismap

usemap_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/usemap

shape_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/shape

coords_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/coords

src_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/src

height_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/height

width_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/width

alt_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/alt

loading_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/loading

autoplay_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/autoplay

controls_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/controls

loop_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/loop

preload_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/preload

poster_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/poster

default_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/default

kind_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/kind

srclang_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/srclang

sandbox_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/sandbox

seamless_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/seamless

srcdoc_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/srcdoc

reversed_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/reversed

start_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/start

align_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/align

colspan_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/colspan

rowspan_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/rowspan

headers_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/headers

scope_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/scope

async_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/async

charset_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/charset

content_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/content

defer_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/defer

httpEquiv_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/httpEquiv

language_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/language

scoped_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/scoped

type_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/type

name_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/name

href_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/href

id_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/id

placeholder_ :: MisoString -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/placeholder

checked_ :: Bool -> Attribute action Source #

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/checked

autofocus_ :: Bool -> Attribute action Source #

Set "autofocus" property https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/autofocus

class_ :: MisoString -> Attribute action Source #

Set "className" property https://developer.mozilla.org/en-US/docs/Web/API/Element/className

data_ :: MisoString -> MisoString -> Attribute action Source #

Set "data-*" property https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*

styleInline_ :: MisoString -> Attribute action Source #

Set "style" property

view m = div_ [ styleInline_ "background-color:red;color:blue;" ] [ "foo" ]

https://developer.mozilla.org/en-US/docs/Web/CSS