Hyper

Data types and tools

type Node msg

HTML nodes

text : String -> Node msg

Create an HTML text node from a string

element :
(Array ( Attribute msg)
-> Array (Html msg)
-> Html msg)
-> Node msg

Initialize an HTML element

attribute : String -> String -> Node msg -> Node msg

Add an HTML attribute to an HTML element

children : Array (Node msg) -> Node msg -> Node msg

Set the children of an HTML element

inline : Html msg -> Node msg

Inline an Html msg value

compile : Node msg -> Html msg

Compile Element msg to Html msg

HTML elements

h1 : Node msg
h2 : Node msg
h3 : Node msg
h4 : Node msg
h5 : Node msg
h6 : Node msg
div : Node msg
p : Node msg
hr : Node msg
pre : Node msg
blockquote : Node msg
span : Node msg
a : Node msg
code : Node msg
em : Node msg
strong : Node msg
i : Node msg
b : Node msg
u : Node msg
sub : Node msg
sup : Node msg
br : Node msg
ol : Node msg
ul : Node msg
li : Node msg
dl : Node msg
dt : Node msg
dd : Node msg
img : Node msg
iframe : Node msg
canvas : Node msg
math : Node msg
form : Node msg
input : Node msg
textarea : Node msg
button : Node msg
select : Node msg
option : Node msg
section : Node msg
article : Node msg
aside : Node msg
address : Node msg
main_ : Node msg
figure : Node msg
figcaption : Node msg
table : Node msg
caption : Node msg
colgroup : Node msg
col : Node msg
tbody : Node msg
thead : Node msg
tfoot : Node msg
tr : Node msg
td : Node msg
th : Node msg
fieldset : Node msg
legend : Node msg
label : Node msg
datalist : Node msg
optgroup : Node msg
output : Node msg
progress : Node msg
meter : Node msg
audio : Node msg
video : Node msg
source : Node msg
track : Node msg
embed : Node msg
object : Node msg
param : Node msg
ins : Node msg
del : Node msg
small : Node msg
cite : Node msg
dfn : Node msg
abbr : Node msg
time : Node msg
var : Node msg
samp : Node msg
kbd : Node msg
s : Node msg
q : Node msg
mark : Node msg
ruby : Node msg
rt : Node msg
rp : Node msg
bdi : Node msg
bdo : Node msg
wbr : Node msg
details : Node msg
summary : Node msg

HTML attributes

style : String -> String -> Node msg -> Node msg
class : String -> Node msg -> Node msg
classList :
Array { class : String
, enabled : Bool
}
-> Node msg
-> Node msg
id : String -> Node msg -> Node msg
title : String -> Node msg -> Node msg
hidden : Bool -> Node msg -> Node msg
type_ : String -> Node msg -> Node msg
value : String -> Node msg -> Node msg
checked : Bool -> Node msg -> Node msg
placeholder : String -> Node msg -> Node msg
selected : Bool -> Node msg -> Node msg
accept : String -> Node msg -> Node msg
acceptCharset : String -> Node msg -> Node msg
action : String -> Node msg -> Node msg
autocomplete : Bool -> Node msg -> Node msg
autofocus : Bool -> Node msg -> Node msg
disabled : Bool -> Node msg -> Node msg
enctype : String -> Node msg -> Node msg
list : String -> Node msg -> Node msg
minlength : Int -> Node msg -> Node msg
maxlength : Int -> Node msg -> Node msg
method : String -> Node msg -> Node msg
multiple : Bool -> Node msg -> Node msg
name : String -> Node msg -> Node msg
novalidate : Bool -> Node msg -> Node msg
pattern : String -> Node msg -> Node msg
readonly : Bool -> Node msg -> Node msg
required : Bool -> Node msg -> Node msg
size : Int -> Node msg -> Node msg
for : String -> Node msg -> Node msg
form_ : String -> Node msg -> Node msg
max : String -> Node msg -> Node msg
min : String -> Node msg -> Node msg
step : String -> Node msg -> Node msg
cols : Int -> Node msg -> Node msg
rows : Int -> Node msg -> Node msg
wrap : String -> Node msg -> Node msg
href : String -> Node msg -> Node msg
target : String -> Node msg -> Node msg
download : String -> Node msg -> Node msg
hreflang : String -> Node msg -> Node msg
media : String -> Node msg -> Node msg
ping : String -> Node msg -> Node msg
rel : String -> Node msg -> Node msg
ismap : Bool -> Node msg -> Node msg
usemap : String -> Node msg -> Node msg
shape : String -> Node msg -> Node msg
coords : String -> Node msg -> Node msg
src : String -> Node msg -> Node msg
height : Int -> Node msg -> Node msg
width : Int -> Node msg -> Node msg
alt : String -> Node msg -> Node msg
autoplay : Bool -> Node msg -> Node msg
controls : Bool -> Node msg -> Node msg
loop : Bool -> Node msg -> Node msg
preload : String -> Node msg -> Node msg
poster : String -> Node msg -> Node msg
default : Bool -> Node msg -> Node msg
kind : String -> Node msg -> Node msg
srclang : String -> Node msg -> Node msg
sandbox : String -> Node msg -> Node msg
srcdoc : String -> Node msg -> Node msg
reversed : Bool -> Node msg -> Node msg
start : Int -> Node msg -> Node msg
align : String -> Node msg -> Node msg
colspan : Int -> Node msg -> Node msg
rowspan : Int -> Node msg -> Node msg
headers : String -> Node msg -> Node msg
scope : String -> Node msg -> Node msg
accesskey : Char -> Node msg -> Node msg
contenteditable : Bool -> Node msg -> Node msg
contextmenu : String -> Node msg -> Node msg
dir : String -> Node msg -> Node msg
draggable : String -> Node msg -> Node msg
dropzone : String -> Node msg -> Node msg
itemprop : String -> Node msg -> Node msg
lang : String -> Node msg -> Node msg
spellcheck : Bool -> Node msg -> Node msg
tabindex : Int -> Node msg -> Node msg
cite_ : String -> Node msg -> Node msg
datetime : String -> Node msg -> Node msg
pubdate : String -> Node msg -> Node msg
manifest : String -> Node msg -> Node msg

HTML events

Mouse

onClick : msg -> Node msg -> Node msg
onDoubleClick : msg -> Node msg -> Node msg
onMouseDown : msg -> Node msg -> Node msg
onMouseUp : msg -> Node msg -> Node msg
onMouseEnter : msg -> Node msg -> Node msg
onMouseLeave : msg -> Node msg -> Node msg
onMouseOver : msg -> Node msg -> Node msg
onMouseOut : msg -> Node msg -> Node msg

Forms

onInput : (String -> msg) -> Node msg -> Node msg
onCheck : (Bool -> msg) -> Node msg -> Node msg
onSubmit : msg -> Node msg -> Node msg

Focus

onBlur : msg -> Node msg -> Node msg
onFocus : msg -> Node msg -> Node msg