Module

React.Basic.DOM

Package: purescript-react-basic
Repository: lumihq/purescript-react-basic

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 Source

render :: JSX -> Element -> Effect Unit

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

Note: Relies on ReactDOM.render

#render' Source

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 Source

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' Source

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 Source

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 Source

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 Source

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 Source

text :: String -> JSX

Create a text node.

#css Source

css :: forall css. Record 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 Source

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 Source

type Props_wbr = ()

#Props_video Source

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 Source

type Props_var = (children :: Array JSX)

#Props_ul Source

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

#Props_u Source

type Props_u = (children :: Array JSX)

#Props_track Source

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

#Props_tr Source

type Props_tr = (children :: Array JSX)

#Props_title Source

type Props_title = (children :: Array JSX)

#Props_time Source

type Props_time = (children :: Array JSX)

#Props_thead Source

type Props_thead = (children :: Array JSX)

#Props_th Source

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

#Props_tfoot Source

type Props_tfoot = (children :: Array JSX)

#Props_textarea Source

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 Source

type Props_template = (children :: Array JSX)

#Props_td Source

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

#Props_tbody Source

type Props_tbody = (children :: Array JSX)

#Props_table Source

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

#Props_svg Source

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 Source

type Props_sup = (children :: Array JSX)

#Props_summary Source

type Props_summary = (children :: Array JSX)

#Props_sub Source

type Props_sub = (children :: Array JSX)

#Props_style Source

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

#Props_strong Source

type Props_strong = (children :: Array JSX)

#Props_span Source

type Props_span = (children :: Array JSX)

#Props_source Source

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

#Props_small Source

type Props_small = (children :: Array JSX)

#Props_slot Source

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

#Props_select Source

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 Source

type Props_section = (children :: Array JSX)

#Props_script Source

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

#Props_samp Source

type Props_samp = (children :: Array JSX)

#Props_s Source

type Props_s = (children :: Array JSX)

#Props_ruby Source

type Props_ruby = (children :: Array JSX)

#Props_rtc Source

type Props_rtc = (children :: Array JSX)

#Props_rt Source

type Props_rt = (children :: Array JSX)

#Props_rp Source

type Props_rp = (children :: Array JSX)

#Props_rb Source

type Props_rb = (children :: Array JSX)

#Props_q Source

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

#Props_progress Source

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

#Props_pre Source

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

#Props_picture Source

type Props_picture = (children :: Array JSX)

#Props_param Source

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

#Props_p Source

type Props_p = (children :: Array JSX)

#Props_output Source

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

#Props_option Source

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

#Props_optgroup Source

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

#Props_ol Source

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

#Props_object Source

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

#Props_noscript Source

type Props_noscript = (children :: Array JSX)

#Props_nav Source

type Props_nav = (children :: Array JSX)

#Props_meter Source

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

#Props_meta Source

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

#Props_menuitem Source

type Props_menuitem = (children :: Array JSX)

#Props_menu Source

type Props_menu = (children :: Array JSX)

#Props_math Source

type Props_math = (children :: Array JSX)

#Props_mark Source

type Props_mark = (children :: Array JSX)

#Props_map Source

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

#Props_main Source

type Props_main = (children :: Array JSX)

#Props_link Source

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 Source

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

#Props_legend Source

type Props_legend = (children :: Array JSX)

#Props_label Source

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

#Props_keygen Source

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

#Props_kbd Source

type Props_kbd = (children :: Array JSX)

#Props_ins Source

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

#Props_input Source

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 Source

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

#Props_iframe Source

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

#Props_i Source

type Props_i = (children :: Array JSX)

#Props_html Source

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

#Props_hr Source

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

#Props_hgroup Source

type Props_hgroup = (children :: Array JSX)

#Props_header Source

type Props_header = (children :: Array JSX)

#Props_head Source

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

#Props_h6 Source

type Props_h6 = (children :: Array JSX)

#Props_h5 Source

type Props_h5 = (children :: Array JSX)

#Props_h4 Source

type Props_h4 = (children :: Array JSX)

#Props_h3 Source

type Props_h3 = (children :: Array JSX)

#Props_h2 Source

type Props_h2 = (children :: Array JSX)

#Props_h1 Source

type Props_h1 = (children :: Array JSX)

#Props_form Source

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 Source

type Props_footer = (children :: Array JSX)

#Props_figure Source

type Props_figure = (children :: Array JSX)

#Props_figcaption Source

type Props_figcaption = (children :: Array JSX)

#Props_fieldset Source

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

#Props_embed Source

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

#Props_em Source

type Props_em = (children :: Array JSX)

#Props_dt Source

type Props_dt = (children :: Array JSX)

#Props_dl Source

type Props_dl = (children :: Array JSX)

#Props_div Source

type Props_div = (children :: Array JSX)

#Props_dialog Source

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

#Props_dfn Source

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

#Props_details Source

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

#Props_del Source

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

#Props_dd Source

type Props_dd = (children :: Array JSX)

#Props_datalist Source

type Props_datalist = (children :: Array JSX)

#Props_data Source

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

#Props_colgroup Source

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

#Props_col Source

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

#Props_code Source

type Props_code = (children :: Array JSX)

#Props_cite Source

type Props_cite = (children :: Array JSX)

#Props_caption Source

type Props_caption = (children :: Array JSX)

#Props_canvas Source

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

#Props_button Source

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

#Props_br Source

type Props_br = ()

#Props_body Source

type Props_body = (children :: Array JSX)

#Props_blockquote Source

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

#Props_bdo Source

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

#Props_bdi Source

type Props_bdi = (children :: Array JSX)

#Props_base Source

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

#Props_b Source

type Props_b = (children :: Array JSX)

#Props_audio Source

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

#Props_aside Source

type Props_aside = (children :: Array JSX)

#Props_article Source

type Props_article = (children :: Array JSX)

#Props_area Source

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

#Props_address Source

type Props_address = (children :: Array JSX)

#Props_abbr Source

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

#Props_a Source

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 Source

wbr :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_wbr) => Record attrs -> JSX

#video_ Source

video_ :: Array JSX -> JSX

#video Source

video :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_video) => Record attrs -> JSX

#var_ Source

var_ :: Array JSX -> JSX

#var Source

var :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_var) => Record attrs -> JSX

#ul_ Source

ul_ :: Array JSX -> JSX

#ul Source

ul :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_ul) => Record attrs -> JSX

#u_ Source

u_ :: Array JSX -> JSX

#u Source

u :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_u) => Record attrs -> JSX

#track Source

track :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_track) => Record attrs -> JSX

#tr_ Source

tr_ :: Array JSX -> JSX

#tr Source

tr :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_tr) => Record attrs -> JSX

#title_ Source

title_ :: Array JSX -> JSX

#title Source

title :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_title) => Record attrs -> JSX

#time_ Source

time_ :: Array JSX -> JSX

#time Source

time :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_time) => Record attrs -> JSX

#thead_ Source

thead_ :: Array JSX -> JSX

#thead Source

thead :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_thead) => Record attrs -> JSX

#th_ Source

th_ :: Array JSX -> JSX

#th Source

th :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_th) => Record attrs -> JSX

#tfoot_ Source

tfoot_ :: Array JSX -> JSX

#tfoot Source

tfoot :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_tfoot) => Record attrs -> JSX

#textarea_ Source

textarea_ :: Array JSX -> JSX

#textarea Source

textarea :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_textarea) => Record attrs -> JSX

#template_ Source

template_ :: Array JSX -> JSX

#template Source

template :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_template) => Record attrs -> JSX

#td_ Source

td_ :: Array JSX -> JSX

#td Source

td :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_td) => Record attrs -> JSX

#tbody_ Source

tbody_ :: Array JSX -> JSX

#tbody Source

tbody :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_tbody) => Record attrs -> JSX

#table_ Source

table_ :: Array JSX -> JSX

#table Source

table :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_table) => Record attrs -> JSX

#svg_ Source

svg_ :: Array JSX -> JSX

#svg Source

svg :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_svg) => Record attrs -> JSX

#sup_ Source

sup_ :: Array JSX -> JSX

#sup Source

sup :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_sup) => Record attrs -> JSX

#summary_ Source

summary_ :: Array JSX -> JSX

#summary Source

summary :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_summary) => Record attrs -> JSX

#sub_ Source

sub_ :: Array JSX -> JSX

#sub Source

sub :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_sub) => Record attrs -> JSX

#style_ Source

style_ :: Array JSX -> JSX

#style Source

style :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_style) => Record attrs -> JSX

#strong_ Source

strong_ :: Array JSX -> JSX

#strong Source

strong :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_strong) => Record attrs -> JSX

#span_ Source

span_ :: Array JSX -> JSX

#span Source

span :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_span) => Record attrs -> JSX

#source Source

source :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_source) => Record attrs -> JSX

#small_ Source

small_ :: Array JSX -> JSX

#small Source

small :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_small) => Record attrs -> JSX

#slot_ Source

slot_ :: Array JSX -> JSX

#slot Source

slot :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_slot) => Record attrs -> JSX

#select_ Source

select_ :: Array JSX -> JSX

#select Source

select :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_select) => Record attrs -> JSX

#section_ Source

section_ :: Array JSX -> JSX

#section Source

section :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_section) => Record attrs -> JSX

#script_ Source

script_ :: Array JSX -> JSX

#script Source

script :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_script) => Record attrs -> JSX

#samp_ Source

samp_ :: Array JSX -> JSX

#samp Source

samp :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_samp) => Record attrs -> JSX

#s_ Source

s_ :: Array JSX -> JSX

#s Source

s :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_s) => Record attrs -> JSX

#ruby_ Source

ruby_ :: Array JSX -> JSX

#ruby Source

ruby :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_ruby) => Record attrs -> JSX

#rtc_ Source

rtc_ :: Array JSX -> JSX

#rtc Source

rtc :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_rtc) => Record attrs -> JSX

#rt_ Source

rt_ :: Array JSX -> JSX

#rt Source

rt :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_rt) => Record attrs -> JSX

#rp_ Source

rp_ :: Array JSX -> JSX

#rp Source

rp :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_rp) => Record attrs -> JSX

#rb_ Source

rb_ :: Array JSX -> JSX

#rb Source

rb :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_rb) => Record attrs -> JSX

#q_ Source

q_ :: Array JSX -> JSX

#q Source

q :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_q) => Record attrs -> JSX

#progress_ Source

progress_ :: Array JSX -> JSX

#progress Source

progress :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_progress) => Record attrs -> JSX

#pre_ Source

pre_ :: Array JSX -> JSX

#pre Source

pre :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_pre) => Record attrs -> JSX

#picture_ Source

picture_ :: Array JSX -> JSX

#picture Source

picture :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_picture) => Record attrs -> JSX

#param Source

param :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_param) => Record attrs -> JSX

#p_ Source

p_ :: Array JSX -> JSX

#p Source

p :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_p) => Record attrs -> JSX

#output_ Source

output_ :: Array JSX -> JSX

#output Source

output :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_output) => Record attrs -> JSX

#option_ Source

option_ :: Array JSX -> JSX

#option Source

option :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_option) => Record attrs -> JSX

#optgroup_ Source

optgroup_ :: Array JSX -> JSX

#optgroup Source

optgroup :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_optgroup) => Record attrs -> JSX

#ol_ Source

ol_ :: Array JSX -> JSX

#ol Source

ol :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_ol) => Record attrs -> JSX

#object_ Source

object_ :: Array JSX -> JSX

#object Source

object :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_object) => Record attrs -> JSX

#noscript_ Source

noscript_ :: Array JSX -> JSX

#noscript Source

noscript :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_noscript) => Record attrs -> JSX

#nav_ Source

nav_ :: Array JSX -> JSX

#nav Source

nav :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_nav) => Record attrs -> JSX

#meter_ Source

meter_ :: Array JSX -> JSX

#meter Source

meter :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_meter) => Record attrs -> JSX

#meta Source

meta :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_meta) => Record attrs -> JSX

#menuitem_ Source

menuitem_ :: Array JSX -> JSX

#menuitem Source

menuitem :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_menuitem) => Record attrs -> JSX

#menu_ Source

menu_ :: Array JSX -> JSX

#math_ Source

math_ :: Array JSX -> JSX

#math Source

math :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_math) => Record attrs -> JSX

#mark_ Source

mark_ :: Array JSX -> JSX

#mark Source

mark :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_mark) => Record attrs -> JSX

#map_ Source

map_ :: Array JSX -> JSX

#map Source

map :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_map) => Record attrs -> JSX

#main_ Source

main_ :: Array JSX -> JSX

#main Source

main :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_main) => Record attrs -> JSX

#link Source

link :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_link) => Record attrs -> JSX

#li_ Source

li_ :: Array JSX -> JSX

#li Source

li :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_li) => Record attrs -> JSX

#legend_ Source

legend_ :: Array JSX -> JSX

#legend Source

legend :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_legend) => Record attrs -> JSX

#label_ Source

label_ :: Array JSX -> JSX

#label Source

label :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_label) => Record attrs -> JSX

#keygen_ Source

keygen_ :: Array JSX -> JSX

#keygen Source

keygen :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_keygen) => Record attrs -> JSX

#kbd_ Source

kbd_ :: Array JSX -> JSX

#kbd Source

kbd :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_kbd) => Record attrs -> JSX

#ins_ Source

ins_ :: Array JSX -> JSX

#ins Source

ins :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_ins) => Record attrs -> JSX

#input Source

input :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_input) => Record attrs -> JSX

#img Source

img :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_img) => Record attrs -> JSX

#iframe_ Source

iframe_ :: Array JSX -> JSX

#iframe Source

iframe :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_iframe) => Record attrs -> JSX

#i_ Source

i_ :: Array JSX -> JSX

#i Source

i :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_i) => Record attrs -> JSX

#html_ Source

html_ :: Array JSX -> JSX

#html Source

html :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_html) => Record attrs -> JSX

#hr Source

hr :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_hr) => Record attrs -> JSX

#hgroup_ Source

hgroup_ :: Array JSX -> JSX

#hgroup Source

hgroup :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_hgroup) => Record attrs -> JSX

#header_ Source

header_ :: Array JSX -> JSX

#head_ Source

head_ :: Array JSX -> JSX

#head Source

head :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_head) => Record attrs -> JSX

#h6_ Source

h6_ :: Array JSX -> JSX

#h6 Source

h6 :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_h6) => Record attrs -> JSX

#h5_ Source

h5_ :: Array JSX -> JSX

#h5 Source

h5 :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_h5) => Record attrs -> JSX

#h4_ Source

h4_ :: Array JSX -> JSX

#h4 Source

h4 :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_h4) => Record attrs -> JSX

#h3_ Source

h3_ :: Array JSX -> JSX

#h3 Source

h3 :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_h3) => Record attrs -> JSX

#h2_ Source

h2_ :: Array JSX -> JSX

#h2 Source

h2 :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_h2) => Record attrs -> JSX

#h1_ Source

h1_ :: Array JSX -> JSX

#h1 Source

h1 :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_h1) => Record attrs -> JSX

#form_ Source

form_ :: Array JSX -> JSX

#form Source

form :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_form) => Record attrs -> JSX

#footer_ Source

footer_ :: Array JSX -> JSX

#figure_ Source

figure_ :: Array JSX -> JSX

#figure Source

figure :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_figure) => Record attrs -> JSX

#figcaption_ Source

figcaption_ :: Array JSX -> JSX

#figcaption Source

figcaption :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_figcaption) => Record attrs -> JSX

#fieldset_ Source

fieldset_ :: Array JSX -> JSX

#fieldset Source

fieldset :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_fieldset) => Record attrs -> JSX

#embed Source

embed :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_embed) => Record attrs -> JSX

#em_ Source

em_ :: Array JSX -> JSX

#em Source

em :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_em) => Record attrs -> JSX

#dt_ Source

dt_ :: Array JSX -> JSX

#dt Source

dt :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_dt) => Record attrs -> JSX

#dl_ Source

dl_ :: Array JSX -> JSX

#dl Source

dl :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_dl) => Record attrs -> JSX

#div_ Source

div_ :: Array JSX -> JSX

#div Source

div :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_div) => Record attrs -> JSX

#dialog_ Source

dialog_ :: Array JSX -> JSX

#dialog Source

dialog :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_dialog) => Record attrs -> JSX

#dfn_ Source

dfn_ :: Array JSX -> JSX

#dfn Source

dfn :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_dfn) => Record attrs -> JSX

#details_ Source

details_ :: Array JSX -> JSX

#details Source

details :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_details) => Record attrs -> JSX

#del_ Source

del_ :: Array JSX -> JSX

#del Source

del :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_del) => Record attrs -> JSX

#dd_ Source

dd_ :: Array JSX -> JSX

#dd Source

dd :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_dd) => Record attrs -> JSX

#datalist_ Source

datalist_ :: Array JSX -> JSX

#datalist Source

datalist :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_datalist) => Record attrs -> JSX

#data_ Source

data_ :: Array JSX -> JSX

#data' Source

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

#colgroup_ Source

colgroup_ :: Array JSX -> JSX

#colgroup Source

colgroup :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_colgroup) => Record attrs -> JSX

#col Source

col :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_col) => Record attrs -> JSX

#code_ Source

code_ :: Array JSX -> JSX

#code Source

code :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_code) => Record attrs -> JSX

#cite_ Source

cite_ :: Array JSX -> JSX

#cite Source

cite :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_cite) => Record attrs -> JSX

#caption_ Source

caption_ :: Array JSX -> JSX

#caption Source

caption :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_caption) => Record attrs -> JSX

#canvas_ Source

canvas_ :: Array JSX -> JSX

#canvas Source

canvas :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_canvas) => Record attrs -> JSX

#button_ Source

button_ :: Array JSX -> JSX

#button Source

button :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_button) => Record attrs -> JSX

#br Source

br :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_br) => Record attrs -> JSX

#body_ Source

body_ :: Array JSX -> JSX

#body Source

body :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_body) => Record attrs -> JSX

#blockquote_ Source

blockquote_ :: Array JSX -> JSX

#blockquote Source

blockquote :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_blockquote) => Record attrs -> JSX

#bdo_ Source

bdo_ :: Array JSX -> JSX

#bdo Source

bdo :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_bdo) => Record attrs -> JSX

#bdi_ Source

bdi_ :: Array JSX -> JSX

#bdi Source

bdi :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_bdi) => Record attrs -> JSX

#base Source

base :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_base) => Record attrs -> JSX

#b_ Source

b_ :: Array JSX -> JSX

#b Source

b :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_b) => Record attrs -> JSX

#audio_ Source

audio_ :: Array JSX -> JSX

#audio Source

audio :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_audio) => Record attrs -> JSX

#aside_ Source

aside_ :: Array JSX -> JSX

#aside Source

aside :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_aside) => Record attrs -> JSX

#article_ Source

article_ :: Array JSX -> JSX

#article Source

article :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_article) => Record attrs -> JSX

#area Source

area :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_area) => Record attrs -> JSX

#address_ Source

address_ :: Array JSX -> JSX

#address Source

address :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_address) => Record attrs -> JSX

#abbr_ Source

abbr_ :: Array JSX -> JSX

#abbr Source

abbr :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_abbr) => Record attrs -> JSX

#a_ Source

a_ :: Array JSX -> JSX

#a Source

a :: forall attrs_ attrs. Union attrs attrs_ (SharedProps Props_a) => Record attrs -> JSX

Re-exports from React.Basic.DOM.Internal

#SharedProps Source

type SharedProps specific = (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, key :: String, keyParams :: String, keyType :: String, lang :: String, marginHeight :: String, marginWidth :: String, maxLength :: String, mediaGroup :: String, minLength :: String, noValidate :: String, onBlur :: EventHandler, onClick :: EventHandler, onFocus :: EventHandler, onMouseDown :: EventHandler, onMouseEnter :: EventHandler, onMouseLeave :: EventHandler, onMouseMove :: EventHandler, onMouseOut :: EventHandler, onMouseOver :: EventHandler, onMouseUp :: EventHandler, 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 | specific)

Standard props which are shared by all DOM elements.

#CSS Source

data CSS :: Type

An abstract type representing records of CSS attributes.

#unsafeCreateDOMComponent Source

unsafeCreateDOMComponent :: forall props. String -> ReactComponent props

Modules: React.Basic; React.Basic.Compat; React.Basic.Components.Async; React.Basic.DOM; React.Basic.DOM.Components.GlobalEvents; React.Basic.DOM.Components.LogLifecycles; React.Basic.DOM.Components.Ref; React.Basic.DOM.Events; React.Basic.DOM.Generated; React.Basic.DOM.Internal; React.Basic.Events