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.

virtualize

Components 

Functions and values

Function or valueDescription
comp
Signature: ComponentBuilder<'T>
Modifiers: inline
Type parameters: 'T

Create a fragment from a Blazor component.

ecomp model dispatch
Signature: model:'model -> dispatch:Dispatch<'msg> -> ComponentWithAttrsAndNoChildrenBuilder<'T>
Modifiers: inline
Type parameters: 'T, 'model, 'msg

Create a fragment from an Elmish component.

lazyComp2 viewFunction model dispatch
Signature: viewFunction:('model -> Dispatch<'msg> -> Node) -> model:'model -> dispatch:Dispatch<'msg> -> Node
Modifiers: inline
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
Modifiers: inline
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
Modifiers: inline
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
Modifiers: inline
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
Modifiers: inline
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
Modifiers: inline
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
Modifiers: inline
Type parameters: 'model, 'a

Create a fragment with a lazily rendered view function and custom equality on model field.

navLink(match)
Signature: match:NavLinkMatch -> ComponentWithAttrsBuilder<NavLink>
Modifiers: inline

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:'?8608 -> Attr
Modifiers: inline
Type parameters: '?8608

Create an HTML attribute.

CompiledName: op_EqualsGreater

cond matching mkNode
Signature: matching:'T -> mkNode:('T -> Node) -> Node
Modifiers: inline
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)
Signature: name:string -> ElementBuilder
Modifiers: inline

Create an HTML element.

empty()
Signature: unit -> Node
Modifiers: inline

Create an empty HTML fragment.

forEach items mkNode
Signature: items:seq<'T> -> mkNode:('T -> Node) -> Node
Modifiers: inline
Type parameters: 'T

Create a fragment that concatenates nodes for each item in a sequence.

rawHtml(str)
Signature: str:string -> Node
Modifiers: inline

Create a raw HTML node.

text(str)
Signature: str:string -> Node
Modifiers: inline

Create an HTML text node.

textf(format)
Signature: format:StringFormat<'?8605,Node> -> '?8605
Modifiers: inline
Type parameters: '?8605

Create an HTML text node using formatting.

HTML tag names 

Functions and values

Function or valueDescription
a
Signature: ElementBuilder

Create an HTML <a> element.

abbr
Signature: ElementBuilder

Create an HTML <abbr> element.

acronym
Signature: ElementBuilder

Create an HTML <acronym> element.

address
Signature: ElementBuilder

Create an HTML <address> element.

applet
Signature: ElementBuilder

Create an HTML <applet> element.

area
Signature: ElementBuilder

Create an HTML <area> element.

article
Signature: ElementBuilder

Create an HTML <article> element.

aside
Signature: ElementBuilder

Create an HTML <aside> element.

audio
Signature: ElementBuilder

Create an HTML <audio> element.

b
Signature: ElementBuilder

Create an HTML <b> element.

base
Signature: ElementBuilder

Create an HTML <base> element.

basefont
Signature: ElementBuilder

Create an HTML <basefont> element.

bdi
Signature: ElementBuilder

Create an HTML <bdi> element.

bdo
Signature: ElementBuilder

Create an HTML <bdo> element.

big
Signature: ElementBuilder

Create an HTML <big> element.

blockquote
Signature: ElementBuilder

Create an HTML <blockquote> element.

body
Signature: ElementBuilder

Create an HTML <body> element.

br
Signature: ElementBuilder

Create an HTML <br> element.

button
Signature: ElementBuilder

Create an HTML <button> element.

canvas
Signature: ElementBuilder

Create an HTML <canvas> element.

caption
Signature: ElementBuilder

Create an HTML <caption> element.

center
Signature: ElementBuilder

Create an HTML <center> element.

cite
Signature: ElementBuilder

Create an HTML <cite> element.

code
Signature: ElementBuilder

Create an HTML <code> element.

col
Signature: ElementBuilder

Create an HTML <col> element.

colgroup
Signature: ElementBuilder

Create an HTML <colgroup> element.

content
Signature: ElementBuilder

Create an HTML <content> element.

data
Signature: ElementBuilder

Create an HTML <data> element.

datalist
Signature: ElementBuilder

Create an HTML <datalist> element.

dd
Signature: ElementBuilder

Create an HTML <dd> element.

del
Signature: ElementBuilder

Create an HTML <del> element.

details
Signature: ElementBuilder

Create an HTML <details> element.

dfn
Signature: ElementBuilder

Create an HTML <dfn> element.

dialog
Signature: ElementBuilder

Create an HTML <dialog> element.

dir
Signature: ElementBuilder

Create an HTML <dir> element.

div
Signature: ElementBuilder

Create an HTML <div> element.

dl
Signature: ElementBuilder

Create an HTML <dl> element.

dt
Signature: ElementBuilder

Create an HTML <dt> element.

element
Signature: ElementBuilder

Create an HTML <element> element.

em
Signature: ElementBuilder

Create an HTML <em> element.

embed
Signature: ElementBuilder

Create an HTML <embed> element.

fieldset
Signature: ElementBuilder

Create an HTML <fieldset> element.

figcaption
Signature: ElementBuilder

Create an HTML <figcaption> element.

figure
Signature: ElementBuilder

Create an HTML <figure> element.

font
Signature: ElementBuilder

Create an HTML <font> element.

footer
Signature: ElementBuilder

Create an HTML <footer> element.

form
Signature: ElementBuilder

Create an HTML <form> element.

frame
Signature: ElementBuilder

Create an HTML <frame> element.

frameset
Signature: ElementBuilder

Create an HTML <frameset> element.

h1
Signature: ElementBuilder

Create an HTML <h1> element.

h2
Signature: ElementBuilder

Create an HTML <h2> element.

h3
Signature: ElementBuilder

Create an HTML <h3> element.

h4
Signature: ElementBuilder

Create an HTML <h4> element.

h5
Signature: ElementBuilder

Create an HTML <h5> element.

h6
Signature: ElementBuilder

Create an HTML <h6> element.

head
Signature: ElementBuilder

Create an HTML <head> element.

header
Signature: ElementBuilder

Create an HTML <header> element.

hr
Signature: ElementBuilder

Create an HTML <hr> element.

html
Signature: ElementBuilder

Create an HTML <html> element.

i
Signature: ElementBuilder

Create an HTML <i> element.

iframe
Signature: ElementBuilder

Create an HTML <iframe> element.

img
Signature: ElementBuilder

Create an HTML <img> element.

input
Signature: ElementBuilder

Create an HTML <input> element.

ins
Signature: ElementBuilder

Create an HTML <ins> element.

kbd
Signature: ElementBuilder

Create an HTML <kbd> element.

label
Signature: ElementBuilder

Create an HTML <label> element.

legend
Signature: ElementBuilder

Create an HTML <legend> element.

li
Signature: ElementBuilder

Create an HTML <li> element.

link
Signature: ElementBuilder

Create an HTML <link> element.

main
Signature: ElementBuilder

Create an HTML <main> element.

map
Signature: ElementBuilder

Create an HTML <map> element.

mark
Signature: ElementBuilder

Create an HTML <mark> element.

menu
Signature: ElementBuilder

Create an HTML <menu> element.

menuitem
Signature: ElementBuilder

Create an HTML <menuitem> element.

meta
Signature: ElementBuilder

Create an HTML <meta> element.

meter
Signature: ElementBuilder

Create an HTML <meter> element.

nav
Signature: ElementBuilder

Create an HTML <nav> element.

noembed
Signature: ElementBuilder

Create an HTML <noembed> element.

noframes
Signature: ElementBuilder

Create an HTML <noframes> element.

noscript
Signature: ElementBuilder

Create an HTML <noscript> element.

object
Signature: ElementBuilder

Create an HTML <object> element.

ol
Signature: ElementBuilder

Create an HTML <ol> element.

optgroup
Signature: ElementBuilder

Create an HTML <optgroup> element.

option
Signature: ElementBuilder

Create an HTML <option> element.

output
Signature: ElementBuilder

Create an HTML <output> element.

p
Signature: ElementBuilder

Create an HTML <p> element.

param
Signature: ElementBuilder

Create an HTML <param> element.

picture
Signature: ElementBuilder

Create an HTML <picture> element.

pre
Signature: ElementBuilder

Create an HTML <pre> element.

progress
Signature: ElementBuilder

Create an HTML <progress> element.

q
Signature: ElementBuilder

Create an HTML <q> element.

rb
Signature: ElementBuilder

Create an HTML <rb> element.

rp
Signature: ElementBuilder

Create an HTML <rp> element.

rt
Signature: ElementBuilder

Create an HTML <rt> element.

rtc
Signature: ElementBuilder

Create an HTML <rtc> element.

ruby
Signature: ElementBuilder

Create an HTML <ruby> element.

s
Signature: ElementBuilder

Create an HTML <s> element.

samp
Signature: ElementBuilder

Create an HTML <samp> element.

script
Signature: ElementBuilder

Create an HTML <script> element.

section
Signature: ElementBuilder

Create an HTML <section> element.

select
Signature: ElementBuilder

Create an HTML <select> element.

shadow
Signature: ElementBuilder

Create an HTML <shadow> element.

slot
Signature: ElementBuilder

Create an HTML <slot> element.

small
Signature: ElementBuilder

Create an HTML <small> element.

source
Signature: ElementBuilder

Create an HTML <source> element.

span
Signature: ElementBuilder

Create an HTML <span> element.

strike
Signature: ElementBuilder

Create an HTML <strike> element.

strong
Signature: ElementBuilder

Create an HTML <strong> element.

style
Signature: ElementBuilder

Create an HTML <style> element.

sub
Signature: ElementBuilder

Create an HTML <sub> element.

summary
Signature: ElementBuilder

Create an HTML <summary> element.

sup
Signature: ElementBuilder

Create an HTML <sup> element.

svg
Signature: ElementBuilder

Create an HTML <svg> element.

table
Signature: ElementBuilder

Create an HTML <table> element.

tbody
Signature: ElementBuilder

Create an HTML <tbody> element.

td
Signature: ElementBuilder

Create an HTML <td> element.

template
Signature: ElementBuilder

Create an HTML <template> element.

textarea
Signature: ElementBuilder

Create an HTML <textarea> element.

tfoot
Signature: ElementBuilder

Create an HTML <tfoot> element.

th
Signature: ElementBuilder

Create an HTML <th> element.

thead
Signature: ElementBuilder

Create an HTML <thead> element.

time
Signature: ElementBuilder

Create an HTML <time> element.

title
Signature: ElementBuilder

Create an HTML <title> element.

tr
Signature: ElementBuilder

Create an HTML <tr> element.

track
Signature: ElementBuilder

Create an HTML <track> element.

tt
Signature: ElementBuilder

Create an HTML <tt> element.

u
Signature: ElementBuilder

Create an HTML <u> element.

ul
Signature: ElementBuilder

Create an HTML <ul> element.

var
Signature: ElementBuilder

Create an HTML <var> element.

video
Signature: ElementBuilder

Create an HTML <video> element.

wbr
Signature: ElementBuilder

Create an HTML <wbr> element.

Other module members 

Functions and values

Function or valueDescription
attrs
Signature: AttrBuilder

Computation expression to create an Attr that is the concatenation of multiple attributes.

concat
Signature: ConcatBuilder

Computation expression to create a Node that is the concatenation of multiple elements and components.

fragment(frag)
Signature: frag:RenderFragment -> Node
Modifiers: inline

Create a node from a Blazor RenderFragment.