Module

Grain.Markup

Package: purescript-grain
Repository: purescript-grain/purescript-grain

Re-exports from Grain.Markup.Element

#wbr Source

wbr :: VNode

#video Source

video :: VNode

#var Source

var :: VNode

#ul Source

ul :: VNode

#u Source

u :: VNode

#track Source

track :: VNode

#tr Source

tr :: VNode

#time Source

time :: VNode

#thead Source

thead :: VNode

#th Source

th :: VNode

#tfoot Source

tfoot :: VNode

#textarea Source

textarea :: VNode

#td Source

td :: VNode

#tbody Source

tbody :: VNode

#table Source

table :: VNode

#sup Source

sup :: VNode

#summary Source

summary :: VNode

#sub Source

sub :: VNode

#strong Source

strong :: VNode

#span Source

span :: VNode

#source Source

source :: VNode

#small Source

small :: VNode

#select Source

select :: VNode

#section Source

section :: VNode

#samp Source

samp :: VNode

#s Source

s :: VNode

#ruby Source

ruby :: VNode

#rt Source

rt :: VNode

#rp Source

rp :: VNode

#q Source

q :: VNode

#progress Source

progress :: VNode

#pre Source

pre :: VNode

#param Source

param :: VNode

#p Source

p :: VNode

#output Source

output :: VNode

#option Source

option :: VNode

#optgroup Source

optgroup :: VNode

#ol Source

ol :: VNode

#object Source

object :: VNode

#nav Source

nav :: VNode

#meter Source

meter :: VNode

#math Source

math :: VNode

#mark Source

mark :: VNode

#main_ Source

main_ :: VNode

#li Source

li :: VNode

#legend Source

legend :: VNode

#label Source

label :: VNode

#kbd Source

kbd :: VNode

#ins Source

ins :: VNode

#input Source

input :: VNode

#img Source

img :: VNode

#iframe Source

iframe :: VNode

#i Source

i :: VNode

#hr Source

hr :: VNode

#h6 Source

h6 :: VNode

#h5 Source

h5 :: VNode

#h4 Source

h4 :: VNode

#h3 Source

h3 :: VNode

#h2 Source

h2 :: VNode

#h1 Source

h1 :: VNode

#form Source

form :: VNode

#figure Source

figure :: VNode

#figcaption Source

figcaption :: VNode

#fieldset Source

fieldset :: VNode

#embed Source

embed :: VNode

#em Source

em :: VNode

#dt Source

dt :: VNode

#dl Source

dl :: VNode

#div Source

div :: VNode

#dfn Source

dfn :: VNode

#details Source

details :: VNode

#del Source

del :: VNode

#dd Source

dd :: VNode

#datalist Source

datalist :: VNode

#colgroup Source

colgroup :: VNode

#col Source

col :: VNode

#code Source

code :: VNode

#cite Source

cite :: VNode

#caption Source

caption :: VNode

#canvas Source

canvas :: VNode

#button Source

button :: VNode

#br Source

br :: VNode

#blockquote Source

blockquote :: VNode

#bdo Source

bdo :: VNode

#bdi Source

bdi :: VNode

#b Source

b :: VNode

#audio Source

audio :: VNode

#aside Source

aside :: VNode

#article Source

article :: VNode

#address Source

address :: VNode

#abbr Source

abbr :: VNode

#a Source

a :: VNode

Re-exports from Grain.Markup.Handler

#onWheel Source

onWheel :: (Event -> Effect Unit) -> VNode -> VNode

#onWaiting Source

onWaiting :: (Event -> Effect Unit) -> VNode -> VNode

#onVolumeChange Source

onVolumeChange :: (Event -> Effect Unit) -> VNode -> VNode

#onToggle Source

onToggle :: (Event -> Effect Unit) -> VNode -> VNode

#onTimeUpdate Source

onTimeUpdate :: (Event -> Effect Unit) -> VNode -> VNode

#onSuspend Source

onSuspend :: (Event -> Effect Unit) -> VNode -> VNode

#onSubmit Source

onSubmit :: (Event -> Effect Unit) -> VNode -> VNode

#onStalled Source

onStalled :: (Event -> Effect Unit) -> VNode -> VNode

#onSelect Source

onSelect :: (Event -> Effect Unit) -> VNode -> VNode

#onSeeking Source

onSeeking :: (Event -> Effect Unit) -> VNode -> VNode

#onSeeked Source

onSeeked :: (Event -> Effect Unit) -> VNode -> VNode

#onScroll Source

onScroll :: (Event -> Effect Unit) -> VNode -> VNode

#onReset Source

onReset :: (Event -> Effect Unit) -> VNode -> VNode

#onRateChange Source

onRateChange :: (Event -> Effect Unit) -> VNode -> VNode

#onProgress Source

onProgress :: (Event -> Effect Unit) -> VNode -> VNode

#onPointerUp Source

onPointerUp :: (Event -> Effect Unit) -> VNode -> VNode

#onPointerOver Source

onPointerOver :: (Event -> Effect Unit) -> VNode -> VNode

#onPointerOut Source

onPointerOut :: (Event -> Effect Unit) -> VNode -> VNode

#onPointerMove Source

onPointerMove :: (Event -> Effect Unit) -> VNode -> VNode

#onPointerLeave Source

onPointerLeave :: (Event -> Effect Unit) -> VNode -> VNode

#onPointerEnter Source

onPointerEnter :: (Event -> Effect Unit) -> VNode -> VNode

#onPointerDown Source

onPointerDown :: (Event -> Effect Unit) -> VNode -> VNode

#onPointerCancel Source

onPointerCancel :: (Event -> Effect Unit) -> VNode -> VNode

#onPlaying Source

onPlaying :: (Event -> Effect Unit) -> VNode -> VNode

#onPlay Source

onPlay :: (Event -> Effect Unit) -> VNode -> VNode

#onPause Source

onPause :: (Event -> Effect Unit) -> VNode -> VNode

#onMouseUp Source

onMouseUp :: (Event -> Effect Unit) -> VNode -> VNode

#onMouseOver Source

onMouseOver :: (Event -> Effect Unit) -> VNode -> VNode

#onMouseOut Source

onMouseOut :: (Event -> Effect Unit) -> VNode -> VNode

#onMouseMove Source

onMouseMove :: (Event -> Effect Unit) -> VNode -> VNode

#onMouseLeave Source

onMouseLeave :: (Event -> Effect Unit) -> VNode -> VNode

#onMouseEnter Source

onMouseEnter :: (Event -> Effect Unit) -> VNode -> VNode

#onMouseDown Source

onMouseDown :: (Event -> Effect Unit) -> VNode -> VNode

#onLoadedMetadata Source

onLoadedMetadata :: (Event -> Effect Unit) -> VNode -> VNode

#onLoadedData Source

onLoadedData :: (Event -> Effect Unit) -> VNode -> VNode

#onLoadStart Source

onLoadStart :: (Event -> Effect Unit) -> VNode -> VNode

#onLoad Source

onLoad :: (Event -> Effect Unit) -> VNode -> VNode

#onKeyUp Source

onKeyUp :: (Event -> Effect Unit) -> VNode -> VNode

#onKeyPress Source

onKeyPress :: (Event -> Effect Unit) -> VNode -> VNode

#onKeyDown Source

onKeyDown :: (Event -> Effect Unit) -> VNode -> VNode

#onInvalid Source

onInvalid :: (Event -> Effect Unit) -> VNode -> VNode

#onInput Source

onInput :: (Event -> Effect Unit) -> VNode -> VNode

#onFocus Source

onFocus :: (Event -> Effect Unit) -> VNode -> VNode

#onError Source

onError :: (Event -> Effect Unit) -> VNode -> VNode

#onEnded Source

onEnded :: (Event -> Effect Unit) -> VNode -> VNode

#onEmptied Source

onEmptied :: (Event -> Effect Unit) -> VNode -> VNode

#onDurationChange Source

onDurationChange :: (Event -> Effect Unit) -> VNode -> VNode

#onDrop Source

onDrop :: (Event -> Effect Unit) -> VNode -> VNode

#onDragStart Source

onDragStart :: (Event -> Effect Unit) -> VNode -> VNode

#onDragOver Source

onDragOver :: (Event -> Effect Unit) -> VNode -> VNode

#onDragLeave Source

onDragLeave :: (Event -> Effect Unit) -> VNode -> VNode

#onDragEnter Source

onDragEnter :: (Event -> Effect Unit) -> VNode -> VNode

#onDragEnd Source

onDragEnd :: (Event -> Effect Unit) -> VNode -> VNode

#onDrag Source

onDrag :: (Event -> Effect Unit) -> VNode -> VNode

#onDoubleClick Source

onDoubleClick :: (Event -> Effect Unit) -> VNode -> VNode

#onCueChange Source

onCueChange :: (Event -> Effect Unit) -> VNode -> VNode

#onContextMenu Source

onContextMenu :: (Event -> Effect Unit) -> VNode -> VNode

#onClick Source

onClick :: (Event -> Effect Unit) -> VNode -> VNode

#onChange Source

onChange :: (Event -> Effect Unit) -> VNode -> VNode

#onCancel Source

onCancel :: (Event -> Effect Unit) -> VNode -> VNode

#onCanPlayThrough Source

onCanPlayThrough :: (Event -> Effect Unit) -> VNode -> VNode

#onCanPlay Source

onCanPlay :: (Event -> Effect Unit) -> VNode -> VNode

#onBlur Source

onBlur :: (Event -> Effect Unit) -> VNode -> VNode

#onAbort Source

onAbort :: (Event -> Effect Unit) -> VNode -> VNode

Re-exports from Grain.Markup.Prop

#wrap Source

wrap :: String -> VNode -> VNode

#width Source

width :: Int -> VNode -> VNode

#value Source

value :: String -> VNode -> VNode

#useMap Source

useMap :: String -> VNode -> VNode

#type_ Source

type_ :: String -> VNode -> VNode

#title Source

title :: String -> VNode -> VNode

#target Source

target :: String -> VNode -> VNode

#tabIndex Source

tabIndex :: Int -> VNode -> VNode

#style Source

style :: String -> VNode -> VNode

#step Source

step :: String -> VNode -> VNode

#start Source

start :: Int -> VNode -> VNode

#srclang Source

srclang :: String -> VNode -> VNode

#srcdoc Source

srcdoc :: String -> VNode -> VNode

#src Source

src :: String -> VNode -> VNode

#spellcheck Source

spellcheck :: Boolean -> VNode -> VNode

#size Source

size :: Int -> VNode -> VNode

#shape Source

shape :: String -> VNode -> VNode

#selected Source

selected :: Boolean -> VNode -> VNode

#scope Source

scope :: String -> VNode -> VNode

#sandbox Source

sandbox :: String -> VNode -> VNode

#rows Source

rows :: Int -> VNode -> VNode

#rowSpan Source

rowSpan :: Int -> VNode -> VNode

#reversed Source

reversed :: Boolean -> VNode -> VNode

#required Source

required :: Boolean -> VNode -> VNode

#rel Source

rel :: String -> VNode -> VNode

#readOnly Source

readOnly :: Boolean -> VNode -> VNode

#preload Source

preload :: String -> VNode -> VNode

#poster Source

poster :: String -> VNode -> VNode

#placeholder Source

placeholder :: String -> VNode -> VNode

#ping Source

ping :: String -> VNode -> VNode

#pattern Source

pattern :: String -> VNode -> VNode

#noValidate Source

noValidate :: Boolean -> VNode -> VNode

#name Source

name :: String -> VNode -> VNode

#multiple Source

multiple :: Boolean -> VNode -> VNode

#minLength Source

minLength :: Int -> VNode -> VNode

#min Source

min :: String -> VNode -> VNode

#method Source

method :: String -> VNode -> VNode

#media Source

media :: String -> VNode -> VNode

#maxLength Source

maxLength :: Int -> VNode -> VNode

#max Source

max :: String -> VNode -> VNode

#loop Source

loop :: Boolean -> VNode -> VNode

#list Source

list :: String -> VNode -> VNode

#lang Source

lang :: String -> VNode -> VNode

#kind_ Source

kind_ :: String -> VNode -> VNode

#isMap Source

isMap :: Boolean -> VNode -> VNode

#id Source

id :: String -> VNode -> VNode

#htmlFor Source

htmlFor :: String -> VNode -> VNode

#hreflang Source

hreflang :: String -> VNode -> VNode

#href Source

href :: String -> VNode -> VNode

#hidden Source

hidden :: Boolean -> VNode -> VNode

#height Source

height :: Int -> VNode -> VNode

#headers Source

headers :: String -> VNode -> VNode

#formAction Source

formAction :: String -> VNode -> VNode

#enctype Source

enctype :: String -> VNode -> VNode

#dropzone Source

dropzone :: String -> VNode -> VNode

#draggable Source

draggable :: Boolean -> VNode -> VNode

#download Source

download :: String -> VNode -> VNode

#disabled Source

disabled :: Boolean -> VNode -> VNode

#dir Source

dir :: String -> VNode -> VNode

#defaultValue Source

defaultValue :: String -> VNode -> VNode

#default Source

default :: Boolean -> VNode -> VNode

#dateTime Source

dateTime :: String -> VNode -> VNode

#coords Source

coords :: String -> VNode -> VNode

#controls Source

controls :: Boolean -> VNode -> VNode

#contentEditable Source

contentEditable :: Boolean -> VNode -> VNode

#cols Source

cols :: Int -> VNode -> VNode

#colSpan Source

colSpan :: Int -> VNode -> VNode

#classNames Source

classNames :: Array String -> VNode -> VNode

#checked Source

checked :: Boolean -> VNode -> VNode

#autoplay Source

autoplay :: Boolean -> VNode -> VNode

#autofocus Source

autofocus :: Boolean -> VNode -> VNode

#autocomplete Source

autocomplete :: String -> VNode -> VNode

#alt Source

alt :: String -> VNode -> VNode

#action Source

action :: String -> VNode -> VNode

#accessKey Source

accessKey :: Char -> VNode -> VNode

#acceptCharset Source

acceptCharset :: String -> VNode -> VNode

#accept Source

accept :: String -> VNode -> VNode

Re-exports from Grain.UI

#text Source

text :: String -> VNode

Create a VNode of text.

#prop Source

prop :: String -> String -> VNode -> VNode

Add a property.

#kids Source

kids :: Array VNode -> VNode -> VNode

Add children.

#key Source

key :: String -> VNode -> VNode

Add a key to a VNode.

#handle Source

handle :: String -> (Event -> Effect Unit) -> VNode -> VNode

Bind an event handler.

#fingerprint Source

fingerprint :: String -> VNode -> VNode

Add a fingerprint to check equality of a VNode.

If it is same as previous rendered element's one, rendering will be skipped.

#element Source

element :: String -> VNode

Create a VNode of specified tag element.

#didUpdate Source

didUpdate :: (Element -> Effect Unit) -> VNode -> VNode

Bind didUpdate lifecycle.

#didDelete Source

didDelete :: (Element -> Effect Unit) -> VNode -> VNode

Bind didDelete lifecycle.

#didCreate Source

didCreate :: (Element -> Effect Unit) -> VNode -> VNode

Bind didCreate lifecycle.

#css Source

css :: String -> VNode -> VNode

Define styles with CSS string.

It generates a hash string as class name from CSS string, and the generated class name is used automatically.

justDiv :: VNode
justDiv =
  H.div # H.css styles

styles :: String
styles =
  """
  .& {
    width: 100px;
    height: 100px;
  }
  .&:hover {
    width: 100px;
    height: 100px;
  }
  .&:hover .selected {
    color: blue;
  }
  """

& in the CSS string is replaced with the generated class name, and output it as stylesheet.

Like this:

.gz66dqm {
  width: 100px;
  height: 100px;
}
.gz66dqm:hover {
  width: 100px;
  height: 100px;
}
.gz66dqm:hover .selected {
  color: blue;
}

#component Source

component :: Render VNode -> VNode

Create a VNode of component.

#className Source

className :: String -> VNode -> VNode