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.Property

Contents

Description

Construct custom properties on DOM elements

div_ [ prop "id" "foo" ] [ ]
Synopsis

Construction

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

Set field to Text value

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

Set field to String value

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

Set field to Bool 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

Common attributes

class_ :: MisoString -> Attribute action Source #

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

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

Define multiple classes conditionally

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

id_ :: MisoString -> Attribute action Source #

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

title_ :: MisoString -> Attribute action Source #

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

hidden_ :: Bool -> Attribute action Source #

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

Inputs

type_ :: MisoString -> Attribute action Source #

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

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

checked_ :: Bool -> Attribute action Source #

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

placeholder_ :: MisoString -> Attribute action Source #

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

selected_ :: Bool -> Attribute action Source #

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

Input Helpers

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

autofocus_ :: Bool -> Attribute action Source #

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

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

name_ :: MisoString -> Attribute action Source #

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

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

form_ :: MisoString -> Attribute action Source #

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

Input Ranges

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

Input Text areas

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

Links and areas

href_ :: MisoString -> Attribute action Source #

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

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

Maps

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

Embedded Content

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

Audio and Video

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

iframes

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

Ordered lists

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

Tables

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

Headers

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

Data

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