Bolero

Html

Namespace: Bolero

Create HTML elements, attributes and event handlers.

Table of contents

Nested types and modules

ModuleDescription
attr

HTML attributes.
bind

Two-way binding for HTML input elements.
on

Event handlers.

Components 

Functions and values

Function or valueDescription
comp attrs children
Signature: attrs:Attr list -> children:Node list -> Node
Type parameters: 'T

Create a fragment from a Blazor component.
ecomp attrs model dispatch
Signature: attrs:Attr list -> model:'model -> dispatch:Dispatch<'msg> -> Node
Type parameters: 'T, 'model, 'msg

Create a fragment from an Elmish component.
lazyComp viewFunction model
Signature: viewFunction:('model -> Node) -> model:'model -> Node
Type parameters: 'model

Create a fragment with a lazily rendered view function.
lazyComp2 viewFunction model dispatch
Signature: viewFunction:('model -> Dispatch<'msg> -> Node) -> model:'model -> dispatch:Dispatch<'msg> -> Node
Type parameters: 'model, 'msg

Create a fragment with a lazily rendered view function.
lazyComp2By(...)
Signature: equal:('model -> 'a) -> viewFunction:('model -> Dispatch<'msg> -> Node) -> model:'model -> dispatch:Dispatch<'msg> -> Node
Type parameters: 'model, 'a, 'msg

Create a fragment with a lazily rendered view function and custom equality on model field.
lazyComp2With(...)
Signature: equal:('model -> 'model -> bool) -> viewFunction:('model -> Dispatch<'msg> -> Node) -> model:'model -> dispatch:Dispatch<'msg> -> Node
Type parameters: 'model, 'msg

Create a fragment with a lazily rendered view function and a custom equality.
lazyComp3(...)
Signature: viewFunction:('model1 * 'model2' -> Dispatch<'msg> -> Node) -> model1:'model1 -> model2:'model2 -> dispatch:Dispatch<'msg> -> Node
Type parameters: 'model1, 'model2', 'msg, 'model2

Create a fragment with a lazily rendered view function.
lazyComp3By(...)
Signature: equal:('model1 * 'model2 -> 'a) -> viewFunction:('model1 * 'model2 -> Dispatch<'msg> -> Node) -> model1:'model1 -> model2:'model2 -> dispatch:Dispatch<'msg> -> Node
Type parameters: 'model1, 'model2, 'a, 'msg

Create a fragment with a lazily rendered view function and custom equality on model field.
lazyComp3With(...)
Signature: equal:('model1 * 'model2 -> 'model1 * 'model2 -> bool) -> viewFunction:('model1 * 'model2' -> Dispatch<'msg> -> Node) -> model1:'model1 -> model2:'model2 -> dispatch:Dispatch<'msg> -> Node
Type parameters: 'model1, 'model2, 'model2', 'msg

Create a fragment with a lazily rendered view function and a custom equality.
lazyCompBy equal viewFunction model
Signature: equal:('model -> 'a) -> viewFunction:('model -> Node) -> model:'model -> Node
Type parameters: 'model, 'a

Create a fragment with a lazily rendered view function and custom equality on model field.
lazyCompWith equal viewFunction model
Signature: equal:('model -> 'model -> bool) -> viewFunction:('model -> Node) -> model:'model -> Node
Type parameters: 'model

Create a fragment with a lazily rendered view function and a custom equality.
navLink match attrs children
Signature: match:NavLinkMatch -> attrs:Attr list -> children:Node list -> Node

Create a navigation link which toggles its active class based on whether the current URI matches its href.

HTML elements 

Functions and values

Function or valueDescription
( => ) name value
Signature: name:string -> value:'?8564 -> Attr
Type parameters: '?8564

Create an HTML attribute.

CompiledName: op_EqualsGreater
concat(nodes)
Signature: nodes:Node list -> Node

Concatenate HTML fragments.
cond matching mkNode
Signature: matching:'T -> mkNode:('T -> Node) -> Node
Type parameters: 'T

Create a conditional fragment. matching must be either a boolean or an F# union. If it's a union, mkNode must only match on the case.
elt name attrs children
Signature: name:string -> attrs:Attr list -> children:Node list -> Node

Create an HTML element.
forEach items mkNode
Signature: items:seq<'T> -> mkNode:('T -> Node) -> Node
Type parameters: 'T

Create a fragment that concatenates nodes for each item in a sequence.
text(str)
Signature: str:string -> Node

Create an HTML text node.
textf(format)
Signature: format:StringFormat<'?8560,Node> -> '?8560
Type parameters: '?8560

Create an HTML text node using formatting.

HTML tag names 

Functions and values

Function or valueDescription
a attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <a> element.
abbr attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <abbr> element.
acronym attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <acronym> element.
address attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <address> element.
applet attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <applet> element.
area(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <area> element.
article attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <article> element.
aside attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <aside> element.
audio attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <audio> element.
b attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <b> element.
base(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <base> element.
basefont attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <basefont> element.
bdi attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <bdi> element.
bdo attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <bdo> element.
big attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <big> element.
blockquote attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <blockquote> element.
body attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <body> element.
br(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <br> element.
button attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <button> element.
canvas attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <canvas> element.
caption attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <caption> element.
center attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <center> element.
cite attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <cite> element.
code attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <code> element.
col(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <col> element.
colgroup attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <colgroup> element.
content attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <content> element.
data attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <data> element.
datalist attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <datalist> element.
dd attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <dd> element.
del attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <del> element.
details attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <details> element.
dfn attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <dfn> element.
dialog attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <dialog> element.
dir attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <dir> element.
div attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <div> element.
dl attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <dl> element.
dt attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <dt> element.
element attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <element> element.
em attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <em> element.
embed(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <embed> element.
fieldset attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <fieldset> element.
figcaption attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <figcaption> element.
figure attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <figure> element.
font attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <font> element.
footer attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <footer> element.
form attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <form> element.
frame attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <frame> element.
frameset attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <frameset> element.
h1 attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <h1> element.
h2 attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <h2> element.
h3 attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <h3> element.
h4 attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <h4> element.
h5 attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <h5> element.
h6 attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <h6> element.
head attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <head> element.
header attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <header> element.
hr(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <hr> element.
html attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <html> element.
i attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <i> element.
iframe attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <iframe> element.
img(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <img> element.
input(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <input> element.
ins attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <ins> element.
kbd attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <kbd> element.
label attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <label> element.
legend attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <legend> element.
li attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <li> element.
link(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <link> element.
main attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <main> element.
map attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <map> element.
mark attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <mark> element.
menu attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <menu> element.
menuitem attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <menuitem> element.
meta(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <meta> element.
meter attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <meter> element.
nav attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <nav> element.
noembed attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <noembed> element.
noframes attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <noframes> element.
noscript attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <noscript> element.
object attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <object> element.
ol attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <ol> element.
optgroup attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <optgroup> element.
option attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <option> element.
output attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <output> element.
p attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <p> element.
param(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <param> element.
picture attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <picture> element.
pre attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <pre> element.
progress attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <progress> element.
q attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <q> element.
rb attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <rb> element.
rp attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <rp> element.
rt attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <rt> element.
rtc(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <rtc> element.
ruby attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <ruby> element.
s attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <s> element.
samp attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <samp> element.
script attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <script> element.
section attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <section> element.
select attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <select> element.
shadow attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <shadow> element.
slot attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <slot> element.
small attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <small> element.
source(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <source> element.
span attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <span> element.
strike attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <strike> element.
strong attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <strong> element.
style attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <style> element.
sub attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <sub> element.
summary attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <summary> element.
sup attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <sup> element.
svg attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <svg> element.
table attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <table> element.
tbody attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <tbody> element.
td attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <td> element.
template attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <template> element.
textarea attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <textarea> element.
tfoot attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <tfoot> element.
th attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <th> element.
thead attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <thead> element.
time attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <time> element.
title attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <title> element.
tr attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <tr> element.
track(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <track> element.
tt attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <tt> element.
u attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <u> element.
ul attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <ul> element.
var attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <var> element.
video attrs children
Signature: attrs:Attr list -> children:Node list -> Node

Create an HTML <video> element.
wbr(attrs)
Signature: attrs:Attr list -> Node

Create an HTML <wbr> element.

Other module members 

Functions and values

Function or valueDescription
fragment(frag)
Signature: frag:RenderFragment -> Node

Create a node from a Blazor RenderFragment.

Documentation