Tag

open class Tag<out E : Element>(tagName: String, id: String?, baseClass: String?, job: Job, domNode: E) : WithDomNode<E> , WithComment<E> , EventContext<E> , TagContext

Represents a tag in the resulting HTML. Sorry for the name, but we needed to delimit it from the Element it is wrapping.

Parameters

tagName

name of the tag. Used to create the corresponding Element

Constructors

Tag

fun <out E : Element> Tag(tagName: String, id: String? = null, baseClass: String? = null, job: Job, domNode: E = window.document.createElement(tagName).also { element -> if (id != null) element.id = id if (!baseClass.isNullOrBlank()) element.className = baseClass }.unsafeCast<E>())

name of the tag.

Types

Companion

object Companion

Functions

open fun a(baseClass: String? = null, id: String? = null, content: A.() -> Unit): A

abbr

open fun abbr(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

address

open fun address(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

area

open fun area(baseClass: String? = null, id: String? = null, content: Area.() -> Unit): Area

article

open fun article(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

asComment

open fun <T> Flow<T>.asComment()

Adds comment-content of a Flow at this position

open fun Flow<String>.asComment()

Adds comment-content of a Flow at this position

aside

open fun aside(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

asString

open fun <T> Flow<T>.asString(): Flow<String>

Converts the content of a Flow to String by using toString method.

attr

fun <T> attr(name: String, value: T)

Sets an attribute.

fun attr(name: String, value: String)

Sets an attribute.

fun <T> attr(name: String, value: Flow<T>)

Sets an attribute.

fun attr(name: String, value: Flow<String>)

Sets an attribute.

fun attr(name: String, value: Boolean, trueValue: String = "")

Sets an attribute when value is true other removes it.

fun attr(name: String, values: List<String>, separator: String = " ")

Sets an attribute from a List of Strings.

fun attr(name: String, values: Map<String, Boolean>, separator: String = " ")

Sets an attribute from a Map of Strings and Booleans.

fun attr(name: String, value: Flow<Boolean>, trueValue: String = "")

Sets an attribute when value is true other removes it.

fun attr(name: String, values: Flow<List<String>>, separator: String = " ")

Sets an attribute from a List of Strings.

fun attr(name: String, values: Flow<Map<String, Boolean>>, separator: String = " ")

Sets an attribute from a Map of Strings and Booleans.

audio

open fun audio(baseClass: String? = null, id: String? = null, content: Audio.() -> Unit): Audio

open fun b(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

bdi

open fun bdi(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

bdo

open fun bdo(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

blockquote

open fun blockquote(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

open fun br(baseClass: String? = null, id: String? = null, content: Br.() -> Unit): Br

button

open fun button(baseClass: String? = null, id: String? = null, content: Button.() -> Unit): Button

canvas

open fun canvas(baseClass: String? = null, id: String? = null, content: Canvas.() -> Unit): Canvas

caption

open fun caption(baseClass: String? = null, id: String? = null, content: Caption.() -> Unit): Caption

cite

open fun cite(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

classList

fun classList(values: List<String>)

Sets the class attribute from a List of Strings.

fun classList(values: Flow<List<String>>)

Sets the class attribute from a List of Strings.

classMap

fun classMap(values: Map<String, Boolean>)

Sets the class attribute from a Map of String to Boolean.

fun classMap(values: Flow<Map<String, Boolean>>)

Sets the class attribute from a Map of String to Boolean.

className

fun className(value: String)

Sets the class attribute.

fun className(value: Flow<String>)

Sets the class attribute.

code

open fun code(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

col

open fun col(baseClass: String? = null, id: String? = null, content: Col.() -> Unit): Col

colgroup

open fun colgroup(baseClass: String? = null, id: String? = null, content: Colgroup.() -> Unit): Colgroup

command

open fun command(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

custom

open fun custom(tagName: String, content: RenderContext.() -> Unit): RenderContext

Creates a custom Tag with the provided content.

data

open fun data(baseClass: String? = null, id: String? = null, content: Data.() -> Unit): Data

datalist

open fun datalist(baseClass: String? = null, id: String? = null, content: DataList.() -> Unit): DataList

open fun dd(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

del

open fun del(baseClass: String? = null, id: String? = null, content: Del.() -> Unit): Del

details

open fun details(baseClass: String? = null, id: String? = null, content: Details.() -> Unit): Details

open fun details(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

dfn

open fun dfn(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

dialog

open fun dialog(baseClass: String? = null, id: String? = null, content: Dialog.() -> Unit): Dialog

open fun dialog(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

div

open fun div(baseClass: String? = null, id: String? = null, content: Div.() -> Unit): Div

open fun dl(baseClass: String? = null, id: String? = null, content: Dl.() -> Unit): Dl

open fun dt(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

open fun em(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

embed

open fun embed(baseClass: String? = null, id: String? = null, content: Embed.() -> Unit): Embed

equals

open operator fun equals(other: Any?): Boolean

fieldset

open fun fieldset(baseClass: String? = null, id: String? = null, content: FieldSet.() -> Unit): FieldSet

figcaption

open fun figcaption(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

figure

open fun figure(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

footer

open fun footer(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

form

open fun form(baseClass: String? = null, id: String? = null, content: Form.() -> Unit): Form

open fun h1(baseClass: String? = null, id: String? = null, content: H.() -> Unit): H

open fun h2(baseClass: String? = null, id: String? = null, content: H.() -> Unit): H

open fun h3(baseClass: String? = null, id: String? = null, content: H.() -> Unit): H

open fun h4(baseClass: String? = null, id: String? = null, content: H.() -> Unit): H

open fun h5(baseClass: String? = null, id: String? = null, content: H.() -> Unit): H

open fun h6(baseClass: String? = null, id: String? = null, content: H.() -> Unit): H

handledBy

open infix fun <E : Event, X : Element> DomListener<E, X>.handledBy(handler: Handler<Unit>)

Connects Events to a Handler.

open infix fun <E : Event> WindowListener<E>.handledBy(handler: Handler<Unit>)

Connects Events to a Handler.

open infix fun <A> Flow<A>.handledBy(handler: Handler<A>)

Connects a Flow to a Handler.

hashCode

open fun hashCode(): Int

header

open fun header(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

open fun hr(baseClass: String? = null, id: String? = null, content: Hr.() -> Unit): Hr

open fun i(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

iframe

open fun iframe(baseClass: String? = null, id: String? = null, content: IFrame.() -> Unit): IFrame

img

open fun img(baseClass: String? = null, id: String? = null, content: Img.() -> Unit): Img

inlineStyle

fun inlineStyle(value: String)

Sets the style attribute.

fun inlineStyle(values: List<String>)

Sets the style attribute from a List of Strings.

fun inlineStyle(values: Map<String, Boolean>)

Sets the style attribute from a Map of String to Boolean.

fun inlineStyle(value: Flow<String>)

Sets the style attribute.

fun inlineStyle(values: Flow<List<String>>)

Sets the style attribute from a List of Strings.

fun inlineStyle(values: Flow<Map<String, Boolean>>)

Sets the style attribute from a Map of String to Boolean.

input

open fun input(baseClass: String? = null, id: String? = null, content: Input.() -> Unit): Input

ins

open fun ins(baseClass: String? = null, id: String? = null, content: Ins.() -> Unit): Ins

kbd

open fun kbd(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

label

open fun label(baseClass: String? = null, id: String? = null, content: Label.() -> Unit): Label

legend

open fun legend(baseClass: String? = null, id: String? = null, content: Legend.() -> Unit): Legend

open fun li(baseClass: String? = null, id: String? = null, content: Li.() -> Unit): Li

main

open fun main(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

map

open fun map(baseClass: String? = null, id: String? = null, content: Map.() -> Unit): Map

mark

open fun mark(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

meter

open fun meter(baseClass: String? = null, id: String? = null, content: Meter.() -> Unit): Meter

nav

open fun nav(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

noscript

open fun noscript(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

not

open operator fun String.not(): Node

Adds a comment in your HTML by using !"Comment Text".

object

open fun object(baseClass: String? = null, id: String? = null, content: Object.() -> Unit): Object

open fun ol(baseClass: String? = null, id: String? = null, content: Ol.() -> Unit): Ol

optgroup

open fun optgroup(baseClass: String? = null, id: String? = null, content: Optgroup.() -> Unit): Optgroup

option

open fun option(baseClass: String? = null, id: String? = null, content: Option.() -> Unit): Option

output

open fun output(baseClass: String? = null, id: String? = null, content: Output.() -> Unit): Output

open fun p(baseClass: String? = null, id: String? = null, content: P.() -> Unit): P

param

open fun param(baseClass: String? = null, id: String? = null, content: Param.() -> Unit): Param

picture

open fun picture(baseClass: String? = null, id: String? = null, content: Picture.() -> Unit): Picture

pre

open fun pre(baseClass: String? = null, id: String? = null, content: Pre.() -> Unit): Pre

progress

open fun progress(baseClass: String? = null, id: String? = null, content: Progress.() -> Unit): Progress

open fun progress(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

open fun q(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

quote

open fun quote(baseClass: String? = null, id: String? = null, content: Quote.() -> Unit): Quote

open override fun <E : Element, W : WithDomNode<E>> register(element: W, content: (W) -> Unit): W

Creates the content of the Tag and appends it as a child to the wrapped Element.

render

fun <V> Flow<V>.render(content: RenderContext.(V) -> Unit)

Renders the data of a Flow as Tags to the DOM.

renderEach

fun <V> RootStore<List<V>>.renderEach(content: RenderContext.(SubStore<List<V>, List<V>, V>) -> RenderContext)

Renders each element of a Stores list content.

fun <R, P, V> SubStore<R, P, List<V>>.renderEach(content: RenderContext.(SubStore<R, List<V>, V>) -> RenderContext)

Renders each element of a Stores list content.

fun <V> Flow<List<V>>.renderEach(content: RenderContext.(V) -> RenderContext)

Renders each element of a List.

fun <V, I> RootStore<List<V>>.renderEach(idProvider: IdProvider<V, I>, content: RenderContext.(SubStore<List<V>, List<V>, V>) -> RenderContext)

Renders each element of a Stores List content.

fun <R, P, V, I> SubStore<R, P, List<V>>.renderEach(idProvider: IdProvider<V, I>, content: RenderContext.(SubStore<R, List<V>, V>) -> RenderContext)

Renders each element of a Stores list content.

fun <V, I> Flow<List<V>>.renderEach(idProvider: IdProvider<V, I>, content: RenderContext.(V) -> RenderContext)

Renders each element of a List.

renderElement

fun <V> Flow<V>.renderElement(preserveOrder: Boolean = true, content: RenderContext.(V) -> RenderContext)

Renders the data of a Flow as Tags to the DOM.

open fun rp(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

open fun rt(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

ruby

open fun ruby(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

open fun s(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

samp

open fun samp(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

script

open fun script(baseClass: String? = null, id: String? = null, content: Script.() -> Unit): Script

section

open fun section(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

select

open fun select(baseClass: String? = null, id: String? = null, content: Select.() -> Unit): Select

small

open fun small(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

span

open fun span(baseClass: String? = null, id: String? = null, content: Span.() -> Unit): Span

strong

open fun strong(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

sub

open fun sub(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

summary

open fun summary(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

sup

open fun sup(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

svg

open fun svg(baseClass: String?, id: String? = null, content: Svg.() -> Unit): Svg

table

open fun table(baseClass: String? = null, id: String? = null, content: Table.() -> Unit): Table

tbody

open fun tbody(baseClass: String? = null, id: String? = null, content: TBody.() -> Unit): TBody

open fun td(baseClass: String? = null, id: String? = null, content: Td.() -> Unit): Td

textarea

open fun textarea(baseClass: String? = null, id: String? = null, content: TextArea.() -> Unit): TextArea

tfoot

open fun tfoot(baseClass: String? = null, id: String? = null, content: TFoot.() -> Unit): TFoot

open fun th(baseClass: String? = null, id: String? = null, content: Th.() -> Unit): Th

thead

open fun thead(baseClass: String? = null, id: String? = null, content: THead.() -> Unit): THead

time

open fun time(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

open fun time(baseClass: String? = null, id: String? = null, content: Time.() -> Unit): Time

toString

open fun toString(): String

open fun tr(baseClass: String? = null, id: String? = null, content: Tr.() -> Unit): Tr

track

open fun track(baseClass: String? = null, id: String? = null, content: Track.() -> Unit): Track

open fun u(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

open fun ul(baseClass: String? = null, id: String? = null, content: Ul.() -> Unit): Ul

var

open fun var(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

video

open fun video(baseClass: String? = null, id: String? = null, content: Video.() -> Unit): Video

wbr

open fun wbr(baseClass: String? = null, id: String? = null, content: TextElement.() -> Unit): TextElement

Properties

aborts

open val aborts: DomListener<UIEvent, E>

afterprints

open val afterprints: DomListener<Event, E>

baseClass

val baseClass: String? = null

a static base value for the class-attribute.

beforeprints

open val beforeprints: DomListener<Event, E>

beforeunloads

open val beforeunloads: DomListener<UIEvent, E>

blurs

open val blurs: DomListener<FocusEvent, E>

canplays

open val canplays: DomListener<Event, E>

canplaythroughs

open val canplaythroughs: DomListener<Event, E>

changes

open val changes: DomListener<Event, E>

clicks

open val clicks: DomListener<MouseEvent, E>

contextmenus

open val contextmenus: DomListener<MouseEvent, E>

copys

open val copys: DomListener<ClipboardEvent, E>

cuts

open val cuts: DomListener<ClipboardEvent, E>

dblclicks

open val dblclicks: DomListener<MouseEvent, E>

domNode

open override val domNode: E

the Element-instance that is wrapped by this Tag (you should never have to pass this by yourself, just let it be created by the default)

dragends

open val dragends: DomListener<DragEvent, E>

dragenters

open val dragenters: DomListener<DragEvent, E>

dragleaves

open val dragleaves: DomListener<DragEvent, E>

dragovers

open val dragovers: DomListener<DragEvent, E>

drags

open val drags: DomListener<DragEvent, E>

dragstarts

open val dragstarts: DomListener<DragEvent, E>

drops

open val drops: DomListener<DragEvent, E>

durationchanges

open val durationchanges: DomListener<Event, E>

endeds

open val endeds: DomListener<Event, E>

focusins

open val focusins: DomListener<FocusEvent, E>

focusouts

open val focusouts: DomListener<FocusEvent, E>

focuss

open val focuss: DomListener<FocusEvent, E>

fullscreenchanges

open val fullscreenchanges: DomListener<Event, E>

fullscreenerrors

open val fullscreenerrors: DomListener<Event, E>

hashchanges

open val hashchanges: DomListener<HashChangeEvent, E>

val id: String? = null

the DOM-id of the element to be created

inputs

open val inputs: DomListener<InputEvent, E>

invalids

open val invalids: DomListener<Event, E>

job

open override val job: Job

used for launching coroutines in

keydowns

open val keydowns: DomListener<KeyboardEvent, E>

keypresss

open val keypresss: DomListener<KeyboardEvent, E>

keyups

open val keyups: DomListener<KeyboardEvent, E>

loadeddatas

open val loadeddatas: DomListener<Event, E>

loadedmetadatas

open val loadedmetadatas: DomListener<Event, E>

loads

open val loads: DomListener<UIEvent, E>

loadstarts

open val loadstarts: DomListener<ProgressEvent, E>

messages

open val messages: DomListener<Event, E>

mousedowns

open val mousedowns: DomListener<MouseEvent, E>

mouseenters

open val mouseenters: DomListener<MouseEvent, E>

mouseleaves

open val mouseleaves: DomListener<MouseEvent, E>

mousemoves

open val mousemoves: DomListener<MouseEvent, E>

mouseouts

open val mouseouts: DomListener<MouseEvent, E>

mouseovers

open val mouseovers: DomListener<MouseEvent, E>

mouseups

open val mouseups: DomListener<MouseEvent, E>

offlines

open val offlines: DomListener<Event, E>

onlines

open val onlines: DomListener<Event, E>

opens

open val opens: DomListener<Event, E>

pagehides

open val pagehides: DomListener<PageTransitionEvent, E>

pageshows

open val pageshows: DomListener<PageTransitionEvent, E>

pastes

open val pastes: DomListener<ClipboardEvent, E>

pauses

open val pauses: DomListener<Event, E>

playings

open val playings: DomListener<Event, E>

plays

open val plays: DomListener<Event, E>

popstates

open val popstates: DomListener<PopStateEvent, E>

progresss

open val progresss: DomListener<Event, E>

ratechanges

open val ratechanges: DomListener<Event, E>

resets

open val resets: DomListener<Event, E>

resizes

open val resizes: DomListener<UIEvent, E>

scrolls

open val scrolls: DomListener<UIEvent, E>

searchs

open val searchs: DomListener<Event, E>

seekeds

open val seekeds: DomListener<Event, E>

seekings

open val seekings: DomListener<Event, E>

selects

open val selects: DomListener<UIEvent, E>

shows

open val shows: DomListener<Event, E>

stalleds

open val stalleds: DomListener<Event, E>

storages

open val storages: DomListener<StorageEvent, E>

submits

open val submits: DomListener<Event, E>

suspends

open val suspends: DomListener<Event, E>

timeupdates

open val timeupdates: DomListener<Event, E>

toggles

open val toggles: DomListener<Event, E>

touchcancels

open val touchcancels: DomListener<TouchEvent, E>

touchends

open val touchends: DomListener<TouchEvent, E>

touchmoves

open val touchmoves: DomListener<TouchEvent, E>

touchstarts

open val touchstarts: DomListener<TouchEvent, E>

unloads

open val unloads: DomListener<UIEvent, E>

volumechanges

open val volumechanges: DomListener<Event, E>

waitings

open val waitings: DomListener<Event, E>

wheels

open val wheels: DomListener<WheelEvent, E>

Inheritors

Area

Button

Canvas

Data

DataList

Details

Dialog

Div

Embed

FieldSet

Form

IFrame

Img

Input

Label

Legend

Map

Audio

Video

Meter

Ins

Del

Object

Optgroup

Option

Output

Param

Picture

Pre

Progress

Quote

Script

Select

Span

Caption

Col

Colgroup

Table

TFoot

THead

TBody

TextArea

Time

Track

Svg

TextElement