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:'?8087 -> Attr
Type parameters: '?8087

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.

empty
Signature: Node

Create an empty HTML fragment.

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<'?8082,Node> -> '?8082
Type parameters: '?8082

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.