Module

Panda.HTML

Package: purescript-panda
Repository: i-am-tom/purescript-panda

#delegate Source

delegate :: forall subevent event substate state subupdate update eff. { event :: subevent -> Maybe event, state :: state -> substate, update :: update -> Maybe subupdate } -> Application eff subupdate substate subevent -> Component eff update state event

Wrap an application within a component such that it can be embedded within a larger application.

Re-exports from Panda.HTML.Elements

#StaticElementWithoutProperties Source

type StaticElementWithoutProperties = forall event state update eff. Array (Component eff update state event) -> Component eff update state event

An element with no specified properties and fixed children.

#StaticElement Source

type StaticElement = forall event state update eff. Array (Property update state event) -> Array (Component eff update state event) -> Component eff update state event

An element whose immediate children definitely don't respond to updates.

#SelfClosingElementWithoutProperties Source

type SelfClosingElementWithoutProperties = forall event state update eff. Component eff update state event

A non-container element that has no custom properties.

#SelfClosingElement Source

type SelfClosingElement = forall event state update eff. Array (Property update state event) -> Component eff update state event

An element that, according to the HTML spec, is not a container.

#ElementWithoutProperties Source

type ElementWithoutProperties = forall event state update eff. Children eff update state event -> Component eff update state event

An element with no specified properties.

#Element Source

type Element = forall event state update eff. Array (Property update state event) -> Children eff update state event -> Component eff update state event

A regular element.

#wbr_ Source

wbr_ :: SelfClosingElementWithoutProperties

#wbr Source

wbr :: SelfClosingElement

#video_ Source

video_ :: StaticElementWithoutProperties

#video'_ Source

video'_ :: ElementWithoutProperties

#video' Source

video' :: Element

#video Source

video :: StaticElement

#var_ Source

var_ :: StaticElementWithoutProperties

#var'_ Source

var'_ :: ElementWithoutProperties

#var' Source

var' :: Element

#var Source

var :: StaticElement

#ul_ Source

ul_ :: StaticElementWithoutProperties

#ul'_ Source

ul'_ :: ElementWithoutProperties

#ul' Source

ul' :: Element

#ul Source

ul :: StaticElement

#u_ Source

u_ :: StaticElementWithoutProperties

#u'_ Source

u'_ :: ElementWithoutProperties

#u' Source

u' :: Element

#u Source

u :: StaticElement

#tt_ Source

tt_ :: StaticElementWithoutProperties

#tt'_ Source

tt'_ :: ElementWithoutProperties

#tt' Source

tt' :: Element

#tt Source

tt :: StaticElement

#track_ Source

track_ :: SelfClosingElementWithoutProperties

#track Source

track :: SelfClosingElement

#tr_ Source

tr_ :: StaticElementWithoutProperties

#tr'_ Source

tr'_ :: ElementWithoutProperties

#tr' Source

tr' :: Element

#tr Source

tr :: StaticElement

#title_ Source

title_ :: StaticElementWithoutProperties

#title'_ Source

title'_ :: ElementWithoutProperties

#title' Source

title' :: Element

#title Source

title :: StaticElement

#time_ Source

time_ :: StaticElementWithoutProperties

#time'_ Source

time'_ :: ElementWithoutProperties

#time' Source

time' :: Element

#time Source

time :: StaticElement

#thead_ Source

thead_ :: StaticElementWithoutProperties

#thead'_ Source

thead'_ :: ElementWithoutProperties

#thead' Source

thead' :: Element

#thead Source

thead :: StaticElement

#th_ Source

th_ :: StaticElementWithoutProperties

#th'_ Source

th'_ :: ElementWithoutProperties

#th' Source

th' :: Element

#th Source

th :: StaticElement

#tfoot_ Source

tfoot_ :: StaticElementWithoutProperties

#tfoot'_ Source

tfoot'_ :: ElementWithoutProperties

#tfoot' Source

tfoot' :: Element

#tfoot Source

tfoot :: StaticElement

#textarea_ Source

textarea_ :: StaticElementWithoutProperties

#textarea'_ Source

textarea'_ :: ElementWithoutProperties

#textarea' Source

textarea' :: Element

#textarea Source

textarea :: StaticElement

#text Source

text :: forall event state update eff. String -> Component eff update state event

#template_ Source

template_ :: StaticElementWithoutProperties

#template'_ Source

template'_ :: ElementWithoutProperties

#template' Source

template' :: Element

#template Source

template :: StaticElement

#td_ Source

td_ :: StaticElementWithoutProperties

#td'_ Source

td'_ :: ElementWithoutProperties

#td' Source

td' :: Element

#td Source

td :: StaticElement

#tbody_ Source

tbody_ :: StaticElementWithoutProperties

#tbody'_ Source

tbody'_ :: ElementWithoutProperties

#tbody' Source

tbody' :: Element

#tbody Source

tbody :: StaticElement

#table_ Source

table_ :: StaticElementWithoutProperties

#table'_ Source

table'_ :: ElementWithoutProperties

#table' Source

table' :: Element

#table Source

table :: StaticElement

#sup_ Source

sup_ :: StaticElementWithoutProperties

#sup'_ Source

sup'_ :: ElementWithoutProperties

#sup' Source

sup' :: Element

#sup Source

sup :: StaticElement

#summary_ Source

summary_ :: StaticElementWithoutProperties

#summary'_ Source

summary'_ :: ElementWithoutProperties

#summary' Source

summary' :: Element

#summary Source

summary :: StaticElement

#sub_ Source

sub_ :: StaticElementWithoutProperties

#sub'_ Source

sub'_ :: ElementWithoutProperties

#sub' Source

sub' :: Element

#sub Source

sub :: StaticElement

#style_ Source

style_ :: StaticElementWithoutProperties

#style'_ Source

style'_ :: ElementWithoutProperties

#style' Source

style' :: Element

#style Source

style :: StaticElement

#strong_ Source

strong_ :: StaticElementWithoutProperties

#strong'_ Source

strong'_ :: ElementWithoutProperties

#strong' Source

strong' :: Element

#strong Source

strong :: StaticElement

#strike_ Source

strike_ :: StaticElementWithoutProperties

#strike'_ Source

strike'_ :: ElementWithoutProperties

#strike' Source

strike' :: Element

#strike Source

strike :: StaticElement

#span_ Source

span_ :: StaticElementWithoutProperties

#span'_ Source

span'_ :: ElementWithoutProperties

#span' Source

span' :: Element

#span Source

span :: StaticElement

#source_ Source

source_ :: SelfClosingElementWithoutProperties

#source Source

source :: SelfClosingElement

#small_ Source

small_ :: StaticElementWithoutProperties

#small'_ Source

small'_ :: ElementWithoutProperties

#small' Source

small' :: Element

#small Source

small :: StaticElement

#select_ Source

select_ :: StaticElementWithoutProperties

#select'_ Source

select'_ :: ElementWithoutProperties

#select' Source

select' :: Element

#select Source

select :: StaticElement

#section_ Source

section_ :: StaticElementWithoutProperties

#section'_ Source

section'_ :: ElementWithoutProperties

#section' Source

section' :: Element

#section Source

section :: StaticElement

#script_ Source

script_ :: StaticElementWithoutProperties

#script'_ Source

script'_ :: ElementWithoutProperties

#script' Source

script' :: Element

#script Source

script :: StaticElement

#samp_ Source

samp_ :: StaticElementWithoutProperties

#samp'_ Source

samp'_ :: ElementWithoutProperties

#samp' Source

samp' :: Element

#samp Source

samp :: StaticElement

#s_ Source

s_ :: StaticElementWithoutProperties

#s'_ Source

s'_ :: ElementWithoutProperties

#s' Source

s' :: Element

#s Source

s :: StaticElement

#ruby_ Source

ruby_ :: StaticElementWithoutProperties

#ruby'_ Source

ruby'_ :: ElementWithoutProperties

#ruby' Source

ruby' :: Element

#ruby Source

ruby :: StaticElement

#rt_ Source

rt_ :: StaticElementWithoutProperties

#rt'_ Source

rt'_ :: ElementWithoutProperties

#rt' Source

rt' :: Element

#rt Source

rt :: StaticElement

#rp_ Source

rp_ :: StaticElementWithoutProperties

#rp'_ Source

rp'_ :: ElementWithoutProperties

#rp' Source

rp' :: Element

#rp Source

rp :: StaticElement

#q_ Source

q_ :: StaticElementWithoutProperties

#q'_ Source

q'_ :: ElementWithoutProperties

#q' Source

q' :: Element

#q Source

q :: StaticElement

#progress_ Source

progress_ :: StaticElementWithoutProperties

#progress'_ Source

progress'_ :: ElementWithoutProperties

#progress' Source

progress' :: Element

#progress Source

progress :: StaticElement

#pre_ Source

pre_ :: StaticElementWithoutProperties

#pre'_ Source

pre'_ :: ElementWithoutProperties

#pre' Source

pre' :: Element

#pre Source

pre :: StaticElement

#picture_ Source

picture_ :: StaticElementWithoutProperties

#picture'_ Source

picture'_ :: ElementWithoutProperties

#picture' Source

picture' :: Element

#picture Source

picture :: StaticElement

#param_ Source

param_ :: SelfClosingElementWithoutProperties

#param Source

param :: SelfClosingElement

#p_ Source

p_ :: StaticElementWithoutProperties

#p'_ Source

p'_ :: ElementWithoutProperties

#p' Source

p' :: Element

#p Source

p :: StaticElement

#output_ Source

output_ :: StaticElementWithoutProperties

#output'_ Source

output'_ :: ElementWithoutProperties

#output' Source

output' :: Element

#output Source

output :: StaticElement

#option_ Source

option_ :: StaticElementWithoutProperties

#option'_ Source

option'_ :: ElementWithoutProperties

#option' Source

option' :: Element

#option Source

option :: StaticElement

#optgroup_ Source

optgroup_ :: StaticElementWithoutProperties

#optgroup'_ Source

optgroup'_ :: ElementWithoutProperties

#optgroup' Source

optgroup' :: Element

#optgroup Source

optgroup :: StaticElement

#ol_ Source

ol_ :: StaticElementWithoutProperties

#ol'_ Source

ol'_ :: ElementWithoutProperties

#ol' Source

ol' :: Element

#ol Source

ol :: StaticElement

#object_ Source

object_ :: StaticElementWithoutProperties

#object'_ Source

object'_ :: ElementWithoutProperties

#object' Source

object' :: Element

#object Source

object :: StaticElement

#noscript_ Source

noscript_ :: StaticElementWithoutProperties

#noscript'_ Source

noscript'_ :: ElementWithoutProperties

#noscript' Source

noscript' :: Element

#noscript Source

noscript :: StaticElement

#noframes_ Source

noframes_ :: StaticElementWithoutProperties

#noframes'_ Source

noframes'_ :: ElementWithoutProperties

#noframes' Source

noframes' :: Element

#noframes Source

noframes :: StaticElement

#nav_ Source

nav_ :: StaticElementWithoutProperties

#nav'_ Source

nav'_ :: ElementWithoutProperties

#nav' Source

nav' :: Element

#nav Source

nav :: StaticElement

#meter_ Source

meter_ :: StaticElementWithoutProperties

#meter'_ Source

meter'_ :: ElementWithoutProperties

#meter' Source

meter' :: Element

#meter Source

meter :: StaticElement

#meta_ Source

meta_ :: SelfClosingElementWithoutProperties

#meta Source

meta :: SelfClosingElement

#menuitem_ Source

menuitem_ :: SelfClosingElementWithoutProperties

#menuitem Source

menuitem :: SelfClosingElement

#menu_ Source

menu_ :: StaticElementWithoutProperties

#mark_ Source

mark_ :: StaticElementWithoutProperties

#mark'_ Source

mark'_ :: ElementWithoutProperties

#mark' Source

mark' :: Element

#mark Source

mark :: StaticElement

#map_ Source

map_ :: StaticElementWithoutProperties

#map'_ Source

map'_ :: ElementWithoutProperties

#map' Source

map' :: Element

#map Source

map :: StaticElement

#make' Source

make' :: String -> Element

#make Source

make :: String -> StaticElement

#main_ Source

main_ :: StaticElementWithoutProperties

#main'_ Source

main'_ :: ElementWithoutProperties

#main' Source

main' :: Element

#main Source

main :: StaticElement

#link_ Source

link_ :: SelfClosingElementWithoutProperties

#link Source

link :: SelfClosingElement

#li_ Source

li_ :: StaticElementWithoutProperties

#li'_ Source

li'_ :: ElementWithoutProperties

#li' Source

li' :: Element

#li Source

li :: StaticElement

#legend_ Source

legend_ :: StaticElementWithoutProperties

#legend'_ Source

legend'_ :: ElementWithoutProperties

#legend' Source

legend' :: Element

#legend Source

legend :: StaticElement

#label_ Source

label_ :: StaticElementWithoutProperties

#label'_ Source

label'_ :: ElementWithoutProperties

#label' Source

label' :: Element

#label Source

label :: StaticElement

#keygen_ Source

keygen_ :: SelfClosingElementWithoutProperties

#keygen Source

keygen :: SelfClosingElement

#kbd_ Source

kbd_ :: StaticElementWithoutProperties

#kbd'_ Source

kbd'_ :: ElementWithoutProperties

#kbd' Source

kbd' :: Element

#kbd Source

kbd :: StaticElement

#ins_ Source

ins_ :: StaticElementWithoutProperties

#ins'_ Source

ins'_ :: ElementWithoutProperties

#ins' Source

ins' :: Element

#ins Source

ins :: StaticElement

#input_ Source

input_ :: SelfClosingElementWithoutProperties

#input Source

input :: SelfClosingElement

#img_ Source

img_ :: SelfClosingElementWithoutProperties

#img Source

img :: SelfClosingElement

#iframe_ Source

iframe_ :: StaticElementWithoutProperties

#iframe'_ Source

iframe'_ :: ElementWithoutProperties

#iframe' Source

iframe' :: Element

#iframe Source

iframe :: StaticElement

#i_ Source

i_ :: StaticElementWithoutProperties

#i'_ Source

i'_ :: ElementWithoutProperties

#i' Source

i' :: Element

#i Source

i :: StaticElement

#hr_ Source

hr_ :: SelfClosingElementWithoutProperties

#hr Source

hr :: SelfClosingElement

#header_ Source

header_ :: StaticElementWithoutProperties

#head_ Source

head_ :: StaticElementWithoutProperties

#head'_ Source

head'_ :: ElementWithoutProperties

#head' Source

head' :: Element

#head Source

head :: StaticElement

#h1_ Source

h1_ :: StaticElementWithoutProperties

#h1'_ Source

h1'_ :: ElementWithoutProperties

#h1' Source

h1' :: Element

#h1 Source

h1 :: StaticElement

#frameset_ Source

frameset_ :: StaticElementWithoutProperties

#frameset'_ Source

frameset'_ :: ElementWithoutProperties

#frameset' Source

frameset' :: Element

#frameset Source

frameset :: StaticElement

#frame_ Source

frame_ :: StaticElementWithoutProperties

#frame'_ Source

frame'_ :: ElementWithoutProperties

#frame' Source

frame' :: Element

#frame Source

frame :: StaticElement

#form_ Source

form_ :: StaticElementWithoutProperties

#form'_ Source

form'_ :: ElementWithoutProperties

#form' Source

form' :: Element

#form Source

form :: StaticElement

#footer_ Source

footer_ :: StaticElementWithoutProperties

#font_ Source

font_ :: StaticElementWithoutProperties

#font'_ Source

font'_ :: ElementWithoutProperties

#font' Source

font' :: Element

#font Source

font :: StaticElement

#figure_ Source

figure_ :: StaticElementWithoutProperties

#figure'_ Source

figure'_ :: ElementWithoutProperties

#figure' Source

figure' :: Element

#figure Source

figure :: StaticElement

#figcaption_ Source

figcaption_ :: StaticElementWithoutProperties

#figcaption'_ Source

figcaption'_ :: ElementWithoutProperties

#figcaption' Source

figcaption' :: Element

#figcaption Source

figcaption :: StaticElement

#fieldset_ Source

fieldset_ :: StaticElementWithoutProperties

#fieldset'_ Source

fieldset'_ :: ElementWithoutProperties

#fieldset' Source

fieldset' :: Element

#fieldset Source

fieldset :: StaticElement

#embed_ Source

embed_ :: SelfClosingElementWithoutProperties

#embed Source

embed :: SelfClosingElement

#em_ Source

em_ :: StaticElementWithoutProperties

#em'_ Source

em'_ :: ElementWithoutProperties

#em' Source

em' :: Element

#em Source

em :: StaticElement

#dt_ Source

dt_ :: StaticElementWithoutProperties

#dt'_ Source

dt'_ :: ElementWithoutProperties

#dt' Source

dt' :: Element

#dt Source

dt :: StaticElement

#dl_ Source

dl_ :: StaticElementWithoutProperties

#dl'_ Source

dl'_ :: ElementWithoutProperties

#dl' Source

dl' :: Element

#dl Source

dl :: StaticElement

#div_ Source

div_ :: StaticElementWithoutProperties

#div'_ Source

div'_ :: ElementWithoutProperties

#div' Source

div' :: Element

#div Source

div :: StaticElement

#dir_ Source

dir_ :: StaticElementWithoutProperties

#dir'_ Source

dir'_ :: ElementWithoutProperties

#dir' Source

dir' :: Element

#dir Source

dir :: StaticElement

#dialog_ Source

dialog_ :: StaticElementWithoutProperties

#dialog'_ Source

dialog'_ :: ElementWithoutProperties

#dialog' Source

dialog' :: Element

#dialog Source

dialog :: StaticElement

#dfn_ Source

dfn_ :: StaticElementWithoutProperties

#dfn'_ Source

dfn'_ :: ElementWithoutProperties

#dfn' Source

dfn' :: Element

#dfn Source

dfn :: StaticElement

#details_ Source

details_ :: StaticElementWithoutProperties

#details'_ Source

details'_ :: ElementWithoutProperties

#details' Source

details' :: Element

#details Source

details :: StaticElement

#del_ Source

del_ :: StaticElementWithoutProperties

#del'_ Source

del'_ :: ElementWithoutProperties

#del' Source

del' :: Element

#del Source

del :: StaticElement

#dd_ Source

dd_ :: StaticElementWithoutProperties

#dd'_ Source

dd'_ :: ElementWithoutProperties

#dd' Source

dd' :: Element

#dd Source

dd :: StaticElement

#datalist_ Source

datalist_ :: StaticElementWithoutProperties

#datalist'_ Source

datalist'_ :: ElementWithoutProperties

#datalist' Source

datalist' :: Element

#datalist Source

datalist :: StaticElement

#command_ Source

command_ :: SelfClosingElementWithoutProperties

#command Source

command :: SelfClosingElement

#colgroup_ Source

colgroup_ :: StaticElementWithoutProperties

#colgroup'_ Source

colgroup'_ :: ElementWithoutProperties

#colgroup' Source

colgroup' :: Element

#colgroup Source

colgroup :: StaticElement

#col_ Source

col_ :: SelfClosingElementWithoutProperties

#col Source

col :: SelfClosingElement

#code_ Source

code_ :: StaticElementWithoutProperties

#code' Source

code' :: Element

#code Source

code :: StaticElement

#cite_ Source

cite_ :: StaticElementWithoutProperties

#cite'_ Source

cite'_ :: ElementWithoutProperties

#cite' Source

cite' :: Element

#cite Source

cite :: StaticElement

#center_ Source

center_ :: StaticElementWithoutProperties

#center' Source

center' :: Element

#center Source

center :: StaticElement

#caption_ Source

caption_ :: StaticElementWithoutProperties

#caption'_ Source

caption'_ :: ElementWithoutProperties

#caption' Source

caption' :: Element

#caption Source

caption :: StaticElement

#canvas_ Source

canvas_ :: StaticElementWithoutProperties

#canvas'_ Source

canvas'_ :: ElementWithoutProperties

#canvas' Source

canvas' :: Element

#canvas Source

canvas :: StaticElement

#button_ Source

button_ :: StaticElementWithoutProperties

#button'_ Source

button'_ :: ElementWithoutProperties

#button' Source

button' :: Element

#button Source

button :: StaticElement

#br_ Source

br_ :: SelfClosingElementWithoutProperties

#br Source

br :: SelfClosingElement

#blockquote_ Source

blockquote_ :: StaticElementWithoutProperties

#blockquote'_ Source

blockquote'_ :: ElementWithoutProperties

#blockquote' Source

blockquote' :: Element

#blockquote Source

blockquote :: StaticElement

#big_ Source

big_ :: StaticElementWithoutProperties

#big'_ Source

big'_ :: ElementWithoutProperties

#big' Source

big' :: Element

#big Source

big :: StaticElement

#bdo_ Source

bdo_ :: StaticElementWithoutProperties

#bdo'_ Source

bdo'_ :: ElementWithoutProperties

#bdo' Source

bdo' :: Element

#bdo Source

bdo :: StaticElement

#bdi_ Source

bdi_ :: StaticElementWithoutProperties

#bdi'_ Source

bdi'_ :: ElementWithoutProperties

#bdi' Source

bdi' :: Element

#bdi Source

bdi :: StaticElement

#basefont_ Source

basefont_ :: StaticElementWithoutProperties

#basefont'_ Source

basefont'_ :: ElementWithoutProperties

#basefont' Source

basefont' :: Element

#basefont Source

basefont :: StaticElement

#base_ Source

base_ :: SelfClosingElementWithoutProperties

#base Source

base :: SelfClosingElement

#b_ Source

b_ :: StaticElementWithoutProperties

#b'_ Source

b'_ :: ElementWithoutProperties

#b' Source

b' :: Element

#b Source

b :: StaticElement

#audio_ Source

audio_ :: StaticElementWithoutProperties

#audio'_ Source

audio'_ :: ElementWithoutProperties

#audio' Source

audio' :: Element

#audio Source

audio :: StaticElement

#aside_ Source

aside_ :: StaticElementWithoutProperties

#aside'_ Source

aside'_ :: ElementWithoutProperties

#aside' Source

aside' :: Element

#aside Source

aside :: StaticElement

#article_ Source

article_ :: StaticElementWithoutProperties

#article'_ Source

article'_ :: ElementWithoutProperties

#article' Source

article' :: Element

#article Source

article :: StaticElement

#area_ Source

area_ :: SelfClosingElementWithoutProperties

#area Source

area :: SelfClosingElement

#applet_ Source

applet_ :: StaticElementWithoutProperties

#applet'_ Source

applet'_ :: ElementWithoutProperties

#applet' Source

applet' :: Element

#applet Source

applet :: StaticElement

#address_ Source

address_ :: StaticElementWithoutProperties

#address'_ Source

address'_ :: ElementWithoutProperties

#address' Source

address' :: Element

#address Source

address :: StaticElement

#acronym_ Source

acronym_ :: StaticElementWithoutProperties

#acronym'_ Source

acronym'_ :: ElementWithoutProperties

#acronym' Source

acronym' :: Element

#acronym Source

acronym :: StaticElement

#abbr_ Source

abbr_ :: StaticElementWithoutProperties

#abbr'_ Source

abbr'_ :: ElementWithoutProperties

#abbr' Source

abbr' :: Element

#abbr Source

abbr :: StaticElement

#a_ Source

a_ :: StaticElementWithoutProperties

#a'_ Source

a'_ :: ElementWithoutProperties

#a' Source

a' :: Element

#a Source

a :: StaticElement

Re-exports from Panda.HTML.Watchers

#renderMaybe Source

renderMaybe :: forall value event state update eff. ({ state :: state, update :: update } -> Maybe value) -> (value -> Component eff update state event) -> Children eff update state event

Given an update and state, maybe produce a value. If a value is produced, use this value to render a component. As with the other render methods, this will trigger a full re-render.

#renderAlways' Source

renderAlways' :: forall event state update eff. (state -> Component eff update state event) -> Children eff update state event

Regardless of the update, re-render with no interest in what the update was. Again, this will be a real performance-killer in larger applications, so use it with caution. Beyond very simple cases, it's usually a sign that something needs rethinking.

#renderAlways Source

renderAlways :: forall event state update eff. ({ state :: state, update :: update } -> Component eff update state event) -> Children eff update state event

Regardless of the update, re-render this child. NB that this is probably a bad idea within a larger application, as it will probably equate to a lot of unnecessary re-render. Consider embedding such an element within a delegate and filtering updates to improve performance.

Modules: Panda; Panda.Bootstrap; Panda.Bootstrap.Property; Panda.HTML; Panda.HTML.Elements; Panda.HTML.Watchers; Panda.Internal.Types; Panda.Property; Panda.Property.Watchers