Module

React.Basic.DOM

This module defines helper functions for creating virtual DOM elements safely.

Note: DOM element props are provided as records, and checked using Union constraints. This means that we don't need to provide all props, but any we do provide must have the correct types.

#render

render :: JSX -> Element -> Effect Unit

Render or update/re-render a component tree into a DOM element.

Note: Relies on ReactDOM.render

#render'

render' :: JSX -> Element -> Effect Unit -> Effect Unit

Render or update/re-render a component tree into a DOM element. The given Effect is run once the DOM update is complete.

Note: Relies on ReactDOM.render

#hydrate

hydrate :: JSX -> Element -> Effect Unit

Render or update/re-render a component tree into a DOM element, attempting to reuse the existing DOM tree.

Note: Relies on ReactDOM.hydrate, generally only used with ReactDOMServer.renderToNodeStream or ReactDOMServer.renderToString

#hydrate'

hydrate' :: JSX -> Element -> Effect Unit -> Effect Unit

Render or update/re-render a component tree into a DOM element, attempting to reuse the existing DOM tree. The given Effect is run once the DOM update is complete.

Note: Relies on ReactDOM.hydrate, generally only used with ReactDOMServer.renderToNodeStream or ReactDOMServer.renderToString

#unmount

unmount :: Element -> Effect Boolean

Attempt to unmount and clean up the React app rendered into the given element. Returns true if an app existed and was unmounted successfully.

Note: Relies on ReactDOM.unmountComponentAtNode

#findDOMNode

findDOMNode :: ReactComponentInstance -> Effect (Either Error Node)

Returns the current DOM node associated with the given instance, or an Error if no node was found or the given instance was not mounted.

Note: This function can be very slow -- prefer React.Basic.DOM.Components.Ref where possible

Note: Relies on ReactDOM.findDOMNode

#createPortal

createPortal :: JSX -> Element -> JSX

Divert a render tree into a separate DOM node. The node's content will be overwritten and managed by React, similar to render and hydrate.

#text

text :: String -> JSX

Create a text node.

#css

css :: forall css. {  | css } -> CSS

Create a value of type CSS (which can be provided to the style property) from a plain record of CSS attributes.

For example:

div { style: css { padding: "5px" } } [ text "This text is padded." ]

#mergeStyles

mergeStyles :: Array CSS -> CSS

Merge styles from right to left. Uses Object.assign.

For example:

style: mergeCSS [ (css { padding: "5px" }), props.style ]

Re-exports from React.Basic.DOM.Generated

#Props_wbr

type Props_wbr = ()

#Props_video

type Props_video = (children :: Array JSX, controls :: Boolean, height :: String, loop :: Boolean, muted :: Boolean, playsInline :: Boolean, poster :: String, preload :: String, src :: String, width :: String)

#Props_var

type Props_var = (children :: Array JSX)

#Props_ul

type Props_ul = (children :: Array JSX, type :: String)

#Props_u

type Props_u = (children :: Array JSX)

#Props_track

type Props_track = (default :: Boolean, kind :: String, label :: String, src :: String)

#Props_tr

type Props_tr = (children :: Array JSX)

#Props_title

type Props_title = (children :: Array JSX)

#Props_time

type Props_time = (children :: Array JSX)

#Props_thead

type Props_thead = (children :: Array JSX)

#Props_th

type Props_th = (children :: Array JSX, headers :: String, height :: String, scope :: String, width :: String)

#Props_tfoot

type Props_tfoot = (children :: Array JSX)

#Props_textarea

type Props_textarea = (autoCapitalize :: String, autoCorrect :: String, children :: Array JSX, cols :: Number, defaultValue :: String, disabled :: Boolean, form :: String, name :: String, onChange :: EventHandler, placeholder :: String, required :: Boolean, rows :: Number, value :: String, wrap :: String)

#Props_template

type Props_template = (children :: Array JSX)

#Props_td

type Props_td = (children :: Array JSX, headers :: String, height :: String, scope :: String, width :: String)

#Props_tbody

type Props_tbody = (children :: Array JSX)

#Props_table

type Props_table = (children :: Array JSX, summary :: String, width :: String)

#Props_svg

type Props_svg = (accentHeight :: String, accumulate :: String, additive :: String, alignmentBaseline :: String, allowReorder :: String, alphabetic :: String, amplitude :: String, arabicForm :: String, ascent :: String, attributeName :: String, attributeType :: String, autoReverse :: String, azimuth :: String, baseFrequency :: String, baseProfile :: String, baselineShift :: String, bbox :: String, begin :: String, bias :: String, by :: String, calcMode :: String, capHeight :: String, children :: Array JSX, clip :: String, clipPath :: String, clipPathUnits :: String, clipRule :: String, color :: String, colorInterpolation :: String, colorInterpolationFilters :: String, colorProfile :: String, colorRendering :: String, contentScriptType :: String, contentStyleType :: String, cursor :: String, cx :: String, cy :: String, d :: String, decelerate :: String, descent :: String, diffuseConstant :: String, direction :: String, display :: String, divisor :: String, dominantBaseline :: String, dur :: String, dx :: String, dy :: String, edgeMode :: String, elevation :: String, enableBackground :: String, end :: String, exponent :: String, externalResourcesRequired :: String, fill :: String, fillOpacity :: String, fillRule :: String, filter :: String, filterRes :: String, filterUnits :: String, floodColor :: String, floodOpacity :: String, focusable :: String, fontFamily :: String, fontSize :: String, fontSizeAdjust :: String, fontStretch :: String, fontStyle :: String, fontVariant :: String, fontWeight :: String, format :: String, from :: String, fx :: String, fy :: String, g1 :: String, g2 :: String, glyphName :: String, glyphOrientationHorizontal :: String, glyphOrientationVertical :: String, glyphRef :: String, gradientTransform :: String, gradientUnits :: String, hanging :: String, height :: String, horizAdvX :: String, horizOriginX :: String, ideographic :: String, imageRendering :: String, in :: String, in2 :: String, intercept :: String, k :: String, k1 :: String, k2 :: String, k3 :: String, k4 :: String, kernelMatrix :: String, kernelUnitLength :: String, kerning :: String, keyPoints :: String, keySplines :: String, keyTimes :: String, lengthAdjust :: String, letterSpacing :: String, lightingColor :: String, limitingConeAngle :: String, local :: String, markerEnd :: String, markerHeight :: String, markerMid :: String, markerStart :: String, markerUnits :: String, markerWidth :: String, mask :: String, maskContentUnits :: String, maskUnits :: String, mathematical :: String, mode :: String, numOctaves :: String, offset :: String, opacity :: String, operator :: String, order :: String, orient :: String, orientation :: String, origin :: String, overflow :: String, overlinePosition :: String, overlineThickness :: String, paintOrder :: String, panose1 :: String, pathLength :: String, patternContentUnits :: String, patternTransform :: String, patternUnits :: String, pointerEvents :: String, points :: String, pointsAtX :: String, pointsAtY :: String, pointsAtZ :: String, preserveAlpha :: String, preserveAspectRatio :: String, primitiveUnits :: String, r :: String, radius :: String, refX :: String, refY :: String, renderingIntent :: String, repeatCount :: String, repeatDur :: String, requiredExtensions :: String, requiredFeatures :: String, restart :: String, result :: String, rotate :: String, rx :: String, ry :: String, scale :: String, seed :: String, shapeRendering :: String, slope :: String, spacing :: String, specularConstant :: String, specularExponent :: String, speed :: String, spreadMethod :: String, startOffset :: String, stdDeviation :: String, stemh :: String, stemv :: String, stitchTiles :: String, stopColor :: String, stopOpacity :: String, strikethroughPosition :: String, strikethroughThickness :: String, string :: String, stroke :: String, strokeDasharray :: String, strokeDashoffset :: String, strokeLinecap :: String, strokeLinejoin :: String, strokeMiterlimit :: String, strokeOpacity :: String, strokeWidth :: String, surfaceScale :: String, systemLanguage :: String, tableValues :: String, targetX :: String, targetY :: String, textAnchor :: String, textDecoration :: String, textLength :: String, textRendering :: String, to :: String, transform :: String, u1 :: String, u2 :: String, underlinePosition :: String, underlineThickness :: String, unicode :: String, unicodeBidi :: String, unicodeRange :: String, unitsPerEm :: String, vAlphabetic :: String, vHanging :: String, vIdeographic :: String, vMathematical :: String, values :: String, vectorEffect :: String, version :: String, vertAdvY :: String, vertOriginX :: String, vertOriginY :: String, viewBox :: String, viewTarget :: String, visibility :: String, width :: String, widths :: String, wordSpacing :: String, writingMode :: String, x :: String, x1 :: String, x2 :: String, xChannelSelector :: String, xHeight :: String, xlinkActuate :: String, xlinkArcrole :: String, xlinkHref :: String, xlinkRole :: String, xlinkShow :: String, xlinkTitle :: String, xlinkType :: String, xmlBase :: String, xmlLang :: String, xmlSpace :: String, xmlns :: String, xmlnsXlink :: String, y :: String, y1 :: String, y2 :: String, yChannelSelector :: String, z :: String, zoomAndPan :: String)

#Props_sup

type Props_sup = (children :: Array JSX)

#Props_summary

type Props_summary = (children :: Array JSX)

#Props_sub

type Props_sub = (children :: Array JSX)

#Props_style

type Props_style = (children :: Array JSX, media :: String, nonce :: String, title :: String, type :: String)

#Props_strong

type Props_strong = (children :: Array JSX)

#Props_span

type Props_span = (children :: Array JSX)

#Props_source

type Props_source = (media :: String, sizes :: String, src :: String, type :: String)

#Props_small

type Props_small = (children :: Array JSX)

#Props_slot

type Props_slot = (children :: Array JSX, name :: String)

#Props_select

type Props_select = (children :: Array JSX, defaultValue :: String, disabled :: Boolean, form :: String, multiple :: Boolean, name :: String, onChange :: EventHandler, required :: Boolean, size :: Number, value :: String)

#Props_section

type Props_section = (children :: Array JSX)

#Props_script

type Props_script = (async :: Boolean, children :: Array JSX, defer :: Boolean, integrity :: String, nonce :: String, src :: String, type :: String)

#Props_samp

type Props_samp = (children :: Array JSX)

#Props_s

type Props_s = (children :: Array JSX)

#Props_ruby

type Props_ruby = (children :: Array JSX)

#Props_rtc

type Props_rtc = (children :: Array JSX)

#Props_rt

type Props_rt = (children :: Array JSX)

#Props_rp

type Props_rp = (children :: Array JSX)

#Props_rb

type Props_rb = (children :: Array JSX)

#Props_q

type Props_q = (children :: Array JSX, cite :: String)

#Props_progress

type Props_progress = (children :: Array JSX, max :: Number, value :: String)

#Props_pre

type Props_pre = (children :: Array JSX, width :: String)

#Props_picture

type Props_picture = (children :: Array JSX)

#Props_param

type Props_param = (name :: String, type :: String, value :: String)

#Props_p

type Props_p = (children :: Array JSX)

#Props_output

type Props_output = (children :: Array JSX, form :: String, name :: String)

#Props_option

type Props_option = (children :: Array JSX, disabled :: Boolean, label :: String, selected :: Boolean, value :: String)

#Props_optgroup

type Props_optgroup = (children :: Array JSX, disabled :: Boolean, label :: String)

#Props_ol

type Props_ol = (children :: Array JSX, reversed :: Boolean, start :: Number, type :: String)

#Props_object

type Props_object = (children :: Array JSX, data :: String, form :: String, height :: String, name :: String, type :: String, width :: String)

#Props_noscript

type Props_noscript = (children :: Array JSX)

#Props_nav

type Props_nav = (children :: Array JSX)

#Props_meter

type Props_meter = (children :: Array JSX, high :: String, low :: String, max :: Number, min :: Number, optimum :: String, value :: String)

#Props_meta

type Props_meta = (content :: String, name :: String)

#Props_menuitem

type Props_menuitem = (children :: Array JSX)

#Props_menu

type Props_menu = (children :: Array JSX)

#Props_math

type Props_math = (children :: Array JSX)

#Props_mark

type Props_mark = (children :: Array JSX)

#Props_map

type Props_map = (children :: Array JSX, name :: String)

#Props_main

type Props_main = (children :: Array JSX)

#Props_link

type Props_link = (color :: String, href :: String, integrity :: String, media :: String, nonce :: String, rel :: String, scope :: String, sizes :: String, target :: String, title :: String, type :: String)

#Props_li

type Props_li = (children :: Array JSX, type :: String, value :: String)

#Props_legend

type Props_legend = (children :: Array JSX)

#Props_label

type Props_label = (children :: Array JSX, form :: String)

#Props_keygen

type Props_keygen = (challenge :: String, children :: Array JSX, disabled :: Boolean, form :: String, name :: String)

#Props_kbd

type Props_kbd = (children :: Array JSX)

#Props_ins

type Props_ins = (children :: Array JSX, cite :: String)

#Props_input

type Props_input = (accept :: String, alt :: String, autoCapitalize :: String, autoCorrect :: String, autoSave :: String, checked :: Boolean, defaultChecked :: String, defaultValue :: String, disabled :: Boolean, form :: String, height :: String, list :: String, max :: Number, min :: Number, multiple :: Boolean, name :: String, onChange :: EventHandler, pattern :: String, placeholder :: String, required :: Boolean, results :: String, size :: Number, src :: String, step :: String, title :: String, type :: String, value :: String, width :: String)

#Props_img

type Props_img = (alt :: String, height :: String, name :: String, sizes :: String, src :: String, width :: String)

#Props_iframe

type Props_iframe = (children :: Array JSX, height :: String, name :: String, sandbox :: String, scrolling :: String, src :: String, width :: String)

#Props_i

type Props_i = (children :: Array JSX)

#Props_html

type Props_html = (children :: Array JSX, manifest :: String)

#Props_hr

type Props_hr = (size :: Number, width :: String)

#Props_hgroup

type Props_hgroup = (children :: Array JSX)

#Props_header

type Props_header = (children :: Array JSX)

#Props_head

type Props_head = (children :: Array JSX, profile :: String)

#Props_h6

type Props_h6 = (children :: Array JSX)

#Props_h5

type Props_h5 = (children :: Array JSX)

#Props_h4

type Props_h4 = (children :: Array JSX)

#Props_h3

type Props_h3 = (children :: Array JSX)

#Props_h2

type Props_h2 = (children :: Array JSX)

#Props_h1

type Props_h1 = (children :: Array JSX)

#Props_form

type Props_form = (accept :: String, action :: String, children :: Array JSX, method :: String, name :: String, onChange :: EventHandler, onInput :: EventHandler, onInvalid :: EventHandler, onSubmit :: EventHandler, target :: String)

#Props_footer

type Props_footer = (children :: Array JSX)

#Props_figure

type Props_figure = (children :: Array JSX)

#Props_figcaption

type Props_figcaption = (children :: Array JSX)

#Props_fieldset

type Props_fieldset = (children :: Array JSX, disabled :: Boolean, form :: String, name :: String)

#Props_embed

type Props_embed = (height :: String, src :: String, type :: String, width :: String)

#Props_em

type Props_em = (children :: Array JSX)

#Props_dt

type Props_dt = (children :: Array JSX)

#Props_dl

type Props_dl = (children :: Array JSX)

#Props_div

type Props_div = (children :: Array JSX)

#Props_dialog

type Props_dialog = (children :: Array JSX, open :: Boolean)

#Props_dfn

type Props_dfn = (children :: Array JSX, title :: String)

#Props_details

type Props_details = (children :: Array JSX, open :: Boolean)

#Props_del

type Props_del = (children :: Array JSX, cite :: String)

#Props_dd

type Props_dd = (children :: Array JSX)

#Props_datalist

type Props_datalist = (children :: Array JSX)

#Props_data

type Props_data = (children :: Array JSX, value :: String)

#Props_colgroup

type Props_colgroup = (children :: Array JSX, span :: Number, width :: String)

#Props_col

type Props_col = (span :: Number, width :: String)

#Props_code

type Props_code = (children :: Array JSX)

#Props_cite

type Props_cite = (children :: Array JSX)

#Props_caption

type Props_caption = (children :: Array JSX)

#Props_canvas

type Props_canvas = (children :: Array JSX, height :: String, width :: String)

#Props_button

type Props_button = (children :: Array JSX, disabled :: Boolean, form :: String, name :: String, type :: String, value :: String)

#Props_br

type Props_br = ()

#Props_body

type Props_body = (children :: Array JSX)

#Props_blockquote

type Props_blockquote = (children :: Array JSX, cite :: String)

#Props_bdo

type Props_bdo = (children :: Array JSX, dir :: String)

#Props_bdi

type Props_bdi = (children :: Array JSX)

#Props_base

type Props_base = (href :: String, target :: String)

#Props_b

type Props_b = (children :: Array JSX)

#Props_audio

type Props_audio = (children :: Array JSX, controls :: Boolean, loop :: Boolean, muted :: Boolean, preload :: String, src :: String)

#Props_aside

type Props_aside = (children :: Array JSX)

#Props_article

type Props_article = (children :: Array JSX)

#Props_area

type Props_area = (alt :: String, coords :: String, download :: String, href :: String, rel :: String, shape :: String, target :: String, type :: String)

#Props_address

type Props_address = (children :: Array JSX)

#Props_abbr

type Props_abbr = (children :: Array JSX, title :: String)

#Props_a

type Props_a = (children :: Array JSX, coords :: String, download :: String, href :: String, name :: String, onClick :: EventHandler, rel :: String, shape :: String, target :: String, type :: String)

#wbr

wbr :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_wbr) => {  | attrs } -> JSX

#video_

video_ :: Array JSX -> JSX

#video

video :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_video) => {  | attrs } -> JSX

#var_

var_ :: Array JSX -> JSX

#var

var :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_var) => {  | attrs } -> JSX

#ul_

ul_ :: Array JSX -> JSX

#ul

ul :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_ul) => {  | attrs } -> JSX

#u_

u_ :: Array JSX -> JSX

#u

u :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_u) => {  | attrs } -> JSX

#track

track :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_track) => {  | attrs } -> JSX

#tr_

tr_ :: Array JSX -> JSX

#tr

tr :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_tr) => {  | attrs } -> JSX

#title_

title_ :: Array JSX -> JSX

#title

title :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_title) => {  | attrs } -> JSX

#time_

time_ :: Array JSX -> JSX

#time

time :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_time) => {  | attrs } -> JSX

#thead_

thead_ :: Array JSX -> JSX

#thead

thead :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_thead) => {  | attrs } -> JSX

#th_

th_ :: Array JSX -> JSX

#th

th :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_th) => {  | attrs } -> JSX

#tfoot_

tfoot_ :: Array JSX -> JSX

#tfoot

tfoot :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_tfoot) => {  | attrs } -> JSX

#textarea_

textarea_ :: Array JSX -> JSX

#textarea

textarea :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_textarea) => {  | attrs } -> JSX

#template_

template_ :: Array JSX -> JSX

#template

template :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_template) => {  | attrs } -> JSX

#td_

td_ :: Array JSX -> JSX

#td

td :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_td) => {  | attrs } -> JSX

#tbody_

tbody_ :: Array JSX -> JSX

#tbody

tbody :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_tbody) => {  | attrs } -> JSX

#table_

table_ :: Array JSX -> JSX

#table

table :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_table) => {  | attrs } -> JSX

#svg_

svg_ :: Array JSX -> JSX

#svg

svg :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_svg) => {  | attrs } -> JSX

#sup_

sup_ :: Array JSX -> JSX

#sup

sup :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_sup) => {  | attrs } -> JSX

#summary_

summary_ :: Array JSX -> JSX

#summary

summary :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_summary) => {  | attrs } -> JSX

#sub_

sub_ :: Array JSX -> JSX

#sub

sub :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_sub) => {  | attrs } -> JSX

#style_

style_ :: Array JSX -> JSX

#style

style :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_style) => {  | attrs } -> JSX

#strong_

strong_ :: Array JSX -> JSX

#strong

strong :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_strong) => {  | attrs } -> JSX

#span_

span_ :: Array JSX -> JSX

#span

span :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_span) => {  | attrs } -> JSX

#source

source :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_source) => {  | attrs } -> JSX

#small_

small_ :: Array JSX -> JSX

#small

small :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_small) => {  | attrs } -> JSX

#slot_

slot_ :: Array JSX -> JSX

#slot

slot :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_slot) => {  | attrs } -> JSX

#select_

select_ :: Array JSX -> JSX

#select

select :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_select) => {  | attrs } -> JSX

#section_

section_ :: Array JSX -> JSX

#section

section :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_section) => {  | attrs } -> JSX

#script_

script_ :: Array JSX -> JSX

#script

script :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_script) => {  | attrs } -> JSX

#samp_

samp_ :: Array JSX -> JSX

#samp

samp :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_samp) => {  | attrs } -> JSX

#s_

s_ :: Array JSX -> JSX

#s

s :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_s) => {  | attrs } -> JSX

#ruby_

ruby_ :: Array JSX -> JSX

#ruby

ruby :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_ruby) => {  | attrs } -> JSX

#rtc_

rtc_ :: Array JSX -> JSX

#rtc

rtc :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_rtc) => {  | attrs } -> JSX

#rt_

rt_ :: Array JSX -> JSX

#rt

rt :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_rt) => {  | attrs } -> JSX

#rp_

rp_ :: Array JSX -> JSX

#rp

rp :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_rp) => {  | attrs } -> JSX

#rb_

rb_ :: Array JSX -> JSX

#rb

rb :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_rb) => {  | attrs } -> JSX

#q_

q_ :: Array JSX -> JSX

#q

q :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_q) => {  | attrs } -> JSX

#progress_

progress_ :: Array JSX -> JSX

#progress

progress :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_progress) => {  | attrs } -> JSX

#pre_

pre_ :: Array JSX -> JSX

#pre

pre :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_pre) => {  | attrs } -> JSX

#picture_

picture_ :: Array JSX -> JSX

#picture

picture :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_picture) => {  | attrs } -> JSX

#param

param :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_param) => {  | attrs } -> JSX

#p_

p_ :: Array JSX -> JSX

#p

p :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_p) => {  | attrs } -> JSX

#output_

output_ :: Array JSX -> JSX

#output

output :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_output) => {  | attrs } -> JSX

#option_

option_ :: Array JSX -> JSX

#option

option :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_option) => {  | attrs } -> JSX

#optgroup_

optgroup_ :: Array JSX -> JSX

#optgroup

optgroup :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_optgroup) => {  | attrs } -> JSX

#ol_

ol_ :: Array JSX -> JSX

#ol

ol :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_ol) => {  | attrs } -> JSX

#object_

object_ :: Array JSX -> JSX

#object

object :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_object) => {  | attrs } -> JSX

#noscript_

noscript_ :: Array JSX -> JSX

#noscript

noscript :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_noscript) => {  | attrs } -> JSX

#nav_

nav_ :: Array JSX -> JSX

#nav

nav :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_nav) => {  | attrs } -> JSX

#meter_

meter_ :: Array JSX -> JSX

#meter

meter :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_meter) => {  | attrs } -> JSX

#meta

meta :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_meta) => {  | attrs } -> JSX

#menuitem_

menuitem_ :: Array JSX -> JSX

#menuitem

menuitem :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_menuitem) => {  | attrs } -> JSX

#menu_

menu_ :: Array JSX -> JSX

#math_

math_ :: Array JSX -> JSX

#math

math :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_math) => {  | attrs } -> JSX

#mark_

mark_ :: Array JSX -> JSX

#mark

mark :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_mark) => {  | attrs } -> JSX

#map_

map_ :: Array JSX -> JSX

#map

map :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_map) => {  | attrs } -> JSX

#main_

main_ :: Array JSX -> JSX

#main

main :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_main) => {  | attrs } -> JSX

#link

link :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_link) => {  | attrs } -> JSX

#li_

li_ :: Array JSX -> JSX

#li

li :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_li) => {  | attrs } -> JSX

#legend_

legend_ :: Array JSX -> JSX

#legend

legend :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_legend) => {  | attrs } -> JSX

#label_

label_ :: Array JSX -> JSX

#label

label :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_label) => {  | attrs } -> JSX

#keygen_

keygen_ :: Array JSX -> JSX

#keygen

keygen :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_keygen) => {  | attrs } -> JSX

#kbd_

kbd_ :: Array JSX -> JSX

#kbd

kbd :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_kbd) => {  | attrs } -> JSX

#ins_

ins_ :: Array JSX -> JSX

#ins

ins :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_ins) => {  | attrs } -> JSX

#input

input :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_input) => {  | attrs } -> JSX

#img

img :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_img) => {  | attrs } -> JSX

#iframe_

iframe_ :: Array JSX -> JSX

#iframe

iframe :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_iframe) => {  | attrs } -> JSX

#i_

i_ :: Array JSX -> JSX

#i

i :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_i) => {  | attrs } -> JSX

#html_

html_ :: Array JSX -> JSX

#html

html :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_html) => {  | attrs } -> JSX

#hr

hr :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_hr) => {  | attrs } -> JSX

#hgroup_

hgroup_ :: Array JSX -> JSX

#hgroup

hgroup :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_hgroup) => {  | attrs } -> JSX

#header_

header_ :: Array JSX -> JSX

#head_

head_ :: Array JSX -> JSX

#head

head :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_head) => {  | attrs } -> JSX

#h6_

h6_ :: Array JSX -> JSX

#h6

h6 :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_h6) => {  | attrs } -> JSX

#h5_

h5_ :: Array JSX -> JSX

#h5

h5 :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_h5) => {  | attrs } -> JSX

#h4_

h4_ :: Array JSX -> JSX

#h4

h4 :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_h4) => {  | attrs } -> JSX

#h3_

h3_ :: Array JSX -> JSX

#h3

h3 :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_h3) => {  | attrs } -> JSX

#h2_

h2_ :: Array JSX -> JSX

#h2

h2 :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_h2) => {  | attrs } -> JSX

#h1_

h1_ :: Array JSX -> JSX

#h1

h1 :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_h1) => {  | attrs } -> JSX

#form_

form_ :: Array JSX -> JSX

#form

form :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_form) => {  | attrs } -> JSX

#footer_

footer_ :: Array JSX -> JSX

#figure_

figure_ :: Array JSX -> JSX

#figure

figure :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_figure) => {  | attrs } -> JSX

#figcaption_

figcaption_ :: Array JSX -> JSX

#figcaption

figcaption :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_figcaption) => {  | attrs } -> JSX

#fieldset_

fieldset_ :: Array JSX -> JSX

#fieldset

fieldset :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_fieldset) => {  | attrs } -> JSX

#embed

embed :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_embed) => {  | attrs } -> JSX

#em_

em_ :: Array JSX -> JSX

#em

em :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_em) => {  | attrs } -> JSX

#dt_

dt_ :: Array JSX -> JSX

#dt

dt :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_dt) => {  | attrs } -> JSX

#dl_

dl_ :: Array JSX -> JSX

#dl

dl :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_dl) => {  | attrs } -> JSX

#div_

div_ :: Array JSX -> JSX

#div

div :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_div) => {  | attrs } -> JSX

#dialog_

dialog_ :: Array JSX -> JSX

#dialog

dialog :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_dialog) => {  | attrs } -> JSX

#dfn_

dfn_ :: Array JSX -> JSX

#dfn

dfn :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_dfn) => {  | attrs } -> JSX

#details_

details_ :: Array JSX -> JSX

#details

details :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_details) => {  | attrs } -> JSX

#del_

del_ :: Array JSX -> JSX

#del

del :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_del) => {  | attrs } -> JSX

#dd_

dd_ :: Array JSX -> JSX

#dd

dd :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_dd) => {  | attrs } -> JSX

#datalist_

datalist_ :: Array JSX -> JSX

#datalist

datalist :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_datalist) => {  | attrs } -> JSX

#data_

data_ :: Array JSX -> JSX

#data'

data' :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_data) => {  | attrs } -> JSX

#colgroup_

colgroup_ :: Array JSX -> JSX

#colgroup

colgroup :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_colgroup) => {  | attrs } -> JSX

#col

col :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_col) => {  | attrs } -> JSX

#code_

code_ :: Array JSX -> JSX

#code

code :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_code) => {  | attrs } -> JSX

#cite_

cite_ :: Array JSX -> JSX

#cite

cite :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_cite) => {  | attrs } -> JSX

#caption_

caption_ :: Array JSX -> JSX

#caption

caption :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_caption) => {  | attrs } -> JSX

#canvas_

canvas_ :: Array JSX -> JSX

#canvas

canvas :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_canvas) => {  | attrs } -> JSX

#button_

button_ :: Array JSX -> JSX

#button

button :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_button) => {  | attrs } -> JSX

#br

br :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_br) => {  | attrs } -> JSX

#body_

body_ :: Array JSX -> JSX

#body

body :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_body) => {  | attrs } -> JSX

#blockquote_

blockquote_ :: Array JSX -> JSX

#blockquote

blockquote :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_blockquote) => {  | attrs } -> JSX

#bdo_

bdo_ :: Array JSX -> JSX

#bdo

bdo :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_bdo) => {  | attrs } -> JSX

#bdi_

bdi_ :: Array JSX -> JSX

#bdi

bdi :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_bdi) => {  | attrs } -> JSX

#base

base :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_base) => {  | attrs } -> JSX

#b_

b_ :: Array JSX -> JSX

#b

b :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_b) => {  | attrs } -> JSX

#audio_

audio_ :: Array JSX -> JSX

#audio

audio :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_audio) => {  | attrs } -> JSX

#aside_

aside_ :: Array JSX -> JSX

#aside

aside :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_aside) => {  | attrs } -> JSX

#article_

article_ :: Array JSX -> JSX

#article

article :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_article) => {  | attrs } -> JSX

#area

area :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_area) => {  | attrs } -> JSX

#address_

address_ :: Array JSX -> JSX

#address

address :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_address) => {  | attrs } -> JSX

#abbr_

abbr_ :: Array JSX -> JSX

#abbr

abbr :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_abbr) => {  | attrs } -> JSX

#a_

a_ :: Array JSX -> JSX

#a

a :: forall attrs attrs_. Union attrs attrs_ (SharedProps Props_a) => {  | attrs } -> JSX

Re-exports from React.Basic.DOM.Internal

#SharedProps

type SharedProps specific = (key :: String, about :: String, acceptCharset :: String, accessKey :: String, allowFullScreen :: Boolean, allowTransparency :: String, autoComplete :: String, autoFocus :: String, autoPlay :: Boolean, capture :: Boolean, cellPadding :: String, cellSpacing :: String, charSet :: String, classID :: String, className :: String, colSpan :: Number, contentEditable :: String, contextMenu :: String, crossOrigin :: String, datatype :: String, dateTime :: String, dir :: String, draggable :: String, encType :: String, formAction :: String, formEncType :: String, formMethod :: String, formNoValidate :: String, formTarget :: String, frameBorder :: String, hidden :: Boolean, hrefLang :: String, htmlFor :: String, httpEquiv :: String, icon :: String, id :: String, inlist :: String, inputMode :: String, is :: String, itemID :: String, itemProp :: String, itemRef :: String, itemScope :: Boolean, itemType :: String, keyParams :: String, keyType :: String, lang :: String, marginHeight :: String, marginWidth :: String, maxLength :: String, mediaGroup :: String, minLength :: String, noValidate :: String, prefix :: String, property :: String, radioGroup :: String, readOnly :: Boolean, resource :: String, role :: String, rowSpan :: Number, scoped :: Boolean, seamless :: Boolean, security :: String, spellCheck :: String, srcDoc :: String, srcLang :: String, srcSet :: String, style :: CSS, tabIndex :: String, title :: String, typeof :: String, unselectable :: String, useMap :: String, vocab :: String, wmode :: String, onBlur :: EventHandler, onClick :: EventHandler, onFocus :: EventHandler, onMouseDown :: EventHandler, onMouseEnter :: EventHandler, onMouseLeave :: EventHandler, onMouseMove :: EventHandler, onMouseOut :: EventHandler, onMouseOver :: EventHandler, onMouseUp :: EventHandler | specific)

Standard props which are shared by all DOM elements.

#CSS

data CSS :: Type

An abstract type representing records of CSS attributes.

#unsafeCreateDOMComponent

unsafeCreateDOMComponent :: forall props. String -> ReactComponent props