Expand description
Sauron is an web framework for creating fast and interactive client side web application, as well as server-side rendering for back-end web applications.
Modules§
- diff
- provides diffing algorithm which returns patches
- dom
- This module provides functionalities for manipulating the actual Document Object Model in the browser
- html
- Provides functions and macros to build html elements
- prelude
- prelude
- serde_
wasm_ bindgen - This is a native integration of Serde with wasm-bindgen. It allows to convert Rust data types into native JavaScript types and vice versa.
- svg
- Provides functions and macros to build svg elements
- vdom
- vdom stands for virtual-dom. This module contains types that are derived from mt-dom where we assign concrete types into the generics.
- wasm_
bindgen_ futures - Converting between JavaScript
Promise
s to RustFuture
s. - web_sys
- Raw API bindings for Web APIs
Macros§
- declare_
attributes - declare a function with the name corresponds to attribute name for easy usage in html elements Example:
- extract_
skip_ diff - Generate a skip diff list based on the node used in the view
- jss
- build a css string
- jss_
with_ media - build css string that has media selector or any other conditional group
- key
- creates a key attribute using a formatter
- node
- Quasi-quoting macro for building sauron Nodes.
- style
- build a style attribute
- text
- creates a text node using a formatter
- view
Structs§
- Animation
Event - The
AnimationEvent
class. - Animation
Frame Handle - request animation frame handle
- Attribute
- These are the plain attributes of an element
- Clipboard
Event - The
ClipboardEvent
class. - Closure
- A handle to both a closure in Rust as well as JS closure which will invoke the Rust closure.
- Cmd
- Cmd is a way to tell the Runtime that something needs to be executed
- Dispatch
- Dispatch is a command to be executed by the system. This is returned at the init function of a component and is executed right after instantiation of that component. Dispatch required a DSP object which is the Program as an argument The emit function is called with the program argument. The callback is supplied with the program an is then executed/emitted.
- Document
- Provides function for document related functions
- Effects
- Effects is a convenient way to group Msg for component to execute subsequent updates based on certain conditions. This can be used for doing animation and incremental changes to the view to provide an effect of transition or animation.
- Element
- Represents an element of the virtual node
An element has a generic tag, this tag could be a static str tag, such as usage in html dom.
Example of which are
div
,a
,input
,img
, etc. - Focus
Event - The
FocusEvent
class. - Hash
Change Event - The
HashChangeEvent
class. - Input
Event - TODO: expand this much farther by getting the InputEvent data, data_transfer, event_type, is_composing events. a custom InputEvent to contain the input string value
- JsError
- Convenience type for use on exported
fn() -> Result<T, JsError>
functions, where you wish to throw a JavaScriptError
object. - JsValue
- Representation of an object owned by JS.
- Keyboard
Event - The
KeyboardEvent
class. - Measurements
- Contains the time it took for the last app update call for the component TODO: Maybe rename to Diagnostics
- Mount
Event - an event when a virtual Node is mounted the field node is the actual dom node where the virtual Node is created in the actual dom
- Mouse
Event - The
MouseEvent
class. - Patch
- A Patch encodes an operation that modifies a real DOM element or native UI element
- Program
- Program handle the lifecycle of the APP
- Selection
- The
Selection
class. - Skip
Diff - if the expression evaluates to true, diffing at this node will be skipped entirely
- Time
- Provides function related to Time
- Timeout
Callback Handle - handle for request_idle_callback calls
- Touch
Event - The
TouchEvent
class. - Transition
Event - The
TransitionEvent
class. - Tree
Path - Describe the path traversal of a Node starting from the root node
- Window
- Provides function for window related functions
Enums§
- Attribute
Value - Values of an attribute can be in these variants
- DomAttr
Value - a dom version of the Attribute value, thereby removing the MSG generic
- Mount
Action - specify how the App is mounted to the DOM
- Mount
Target - specify whether to attach the Node in shadow_root
- Mouse
Button - Mouse button used in the MouseEvent
- Node
- represents a node in a virtual dom A node could be an element which can contain one or more children of nodes. A node could also be just a text node which contains a string
- Value
- Wraps different primitive variants used as values in html This is needed since html attributes can have different value types such as checked(bool), name(String), tab_index(i32) Note: memory size of Value is 32 bytes, in comparison String is 24 bytes
Constants§
- HTML_
ATTRS - These are most commonly used html attributes such as class, id, etc
- HTML_
EVENTS - html events
- HTML_
TAGS - These are the comonly used html tags such as div, input, buttons,.. etc
- SVG_
ATTRS - These are most commonly used svg attributes
- SVG_
ATTRS_ SPECIAL - These are svg attributes with names that are non proper rust identifier therefore they are handled differently. ie: (color-profile, accent-height, etc)
- SVG_
ATTRS_ XLINK - Svg attributes with xlink namespace
- SVG_
TAGS - These are the commonly used svg tags such as rect, circle, path, arc, ..etc.
- SVG_
TAGS_ SPECIAL - These are svg tags which the tags are non proper rust identifier, so they are handled differently
Traits§
- Application
- An Application is the root component of your program. Everything that happens in your application is done here.
- Component
- A component has a view and can update itself.
- JsCast
- A trait for checked and unchecked casting between JS types.
- Stateful
Component - A component that can be used directly in the view without mapping
- Unwrap
Throw Ext - An extension trait for
Option<T>
andResult<T, E>
for unwrapping theT
value, or throwing a JS error if it is not available.
Functions§
- a
- Creates an html a element
- abbr
- Creates an html abbr element
- accent_
height - Creates html accent-height attribute
- accept
- Creates html accept attribute
- accesskey
- Creates html accesskey attribute
- accumulate
- Creates html accumulate attribute
- action
- Creates html action attribute
- additive
- Creates html additive attribute
- address
- Creates an html address element
- align
- Creates html align attribute
- alignment_
baseline - Creates html alignment-baseline attribute
- allow
- Creates html allow attribute
- allow_
reorder - Creates html allowReorder attribute
- alphabetic
- Creates html alphabetic attribute
- alt
- Creates html alt attribute
- amplitude
- Creates html amplitude attribute
- animate
- Creates an svg animate element
- animate_
motion - Creates an svg animateMotion element
- animate_
transform - Creates an svg animateTransform element
- arabic_
form - Creates html arabic-form attribute
- article
- Creates an html article element
- ascent
- Creates html ascent attribute
- aside
- Creates an html aside element
- attr
- a utility function to convert simple value into attribute
- attribute_
name - Creates html attributeName attribute
- attribute_
type - Creates html attributeType attribute
- audio
- Creates an html audio element
- auto_
reverse - Creates html autoReverse attribute
- autocapitalize
- Creates html autocapitalize attribute
- autocomplete
- Creates html autocomplete attribute
- autofocus
- Creates html autofocus attribute
- autoplay
- Creates html autoplay attribute
- azimuth
- Creates html azimuth attribute
- b
- Creates an html b element
- background
- Creates html background attribute
- base_
frequency - Creates html baseFrequency attribute
- base_
profile - Creates html baseProfile attribute
- baseline_
shift - Creates html baseline-shift attribute
- bbox
- Creates html bbox attribute
- bdi
- Creates an html bdi element
- bdo
- Creates an html bdo element
- begin
- Creates html begin attribute
- bgcolor
- Creates html bgcolor attribute
- bias
- Creates html bias attribute
- blockquote
- Creates an html blockquote element
- body
- Creates an html body element
- border
- Creates html border attribute
- br
- Creates an html br element
- buffered
- Creates html buffered attribute
- button
- Creates an html button element
- by
- Creates html by attribute
- calc_
mode - Creates html calcMode attribute
- canvas
- Creates an html canvas element
- cap_
height - Creates html cap-height attribute
- caption
- Creates an html caption element
- ch
- Relative to the width of the “0” (zero)
- challenge
- Creates html challenge attribute
- charset
- Creates html charset attribute
- checked
- set the checked value, used checkbox and radio buttons
- circle
- Creates an svg circle element
- cite
- Creates an html cite element
- class
- Creates html class attribute
- classes
- a helper function to add multiple classes to a node
- classes_
flag - A helper function which takes an array of tuple of class and a flag. The final class is assembled using only the values that has a flag which evaluates to true.
- clip
- Creates html clip attribute
- clip
Path - Creates an svg clipPath element
- clip_
path - Creates html clip-path attribute
- clip_
path_ units - Creates html clipPathUnits attribute
- clip_
rule - Creates html clip-rule attribute
- cm
- centimeters
- code
- Creates an html code element
- codebase
- Creates html codebase attribute
- colgroup
- Creates an html colgroup element
- color
- Creates html color attribute
- color_
interpolation - Creates html color-interpolation attribute
- color_
interpolation_ filters - Creates html color-interpolation-filters attribute
- color_
profile - Creates an svg color-profile element
- color_
rendering - Creates html color-rendering attribute
- cols
- Creates html cols attribute
- colspan
- Creates html colspan attribute
- comment
- create a comment node
- content
- Creates html content attribute
- content_
script_ type - Creates html contentScriptType attribute
- content_
style_ type - Creates html contentStyleType attribute
- contenteditable
- Creates html contenteditable attribute
- contextmenu
- Creates html contextmenu attribute
- controls
- Creates html controls attribute
- coords
- Creates html coords attribute
- crossorigin
- Creates html crossorigin attribute
- csp
- Creates html csp attribute
- cursor
- Creates html cursor attribute
- cx
- Creates html cx attribute
- cy
- Creates html cy attribute
- d
- Creates html d attribute
- datalist
- Creates an html datalist element
- datetime
- Creates html datetime attribute
- dd
- Creates an html dd element
- decelerate
- Creates html decelerate attribute
- decoding
- Creates html decoding attribute
- default
- Creates html default attribute
- defer
- Creates html defer attribute
- defs
- Creates an svg defs element
- deg
- Represent an angle in degrees https://developer.mozilla.org/en-US/docs/Web/CSS/angle
- del
- Creates an html del element
- desc
- Creates an svg desc element
- descent
- Creates html descent attribute
- details
- Creates an html details element
- dfn
- Creates an html dfn element
- dialog
- Creates an html dialog element
- diff
- Return the patches needed for
old_node
to have the same DOM asnew_node
- diffuse_
constant - Creates html diffuseConstant attribute
- dir
- Creates html dir attribute
- direction
- Creates html direction attribute
- dirname
- Creates html dirname attribute
- disabled
- set whether an element is disabled or not
- discard
- Creates an svg discard element
- display
- Creates html display attribute
- div
- Creates an html div element
- divisor
- Creates html divisor attribute
- dl
- Creates an html dl element
- document
- provides access to the document element
- dominant_
baseline - Creates html dominant-baseline attribute
- download
- Creates html download attribute
- draggable
- Creates html draggable attribute
- dropzone
- Creates html dropzone attribute
- dt
- Creates an html dt element
- dur
- Creates html dur attribute
- dx
- Creates html dx attribute
- dy
- Creates html dy attribute
- edge_
mode - Creates html edgeMode attribute
- elevation
- Creates html elevation attribute
- ellipse
- Creates an svg ellipse element
- em
- Creates an html em element
- empty_
attr - a utility function to return create an empty attr, useful for cases where branch expression need to return an attribute which otherwise it can not produce example:
- enable_
background - Creates html enable-background attribute
- enctype
- Creates html enctype attribute
- end
- Creates html end attribute
- enterkeyhint
- Creates html enterkeyhint attribute
- ex
- Relative to the x-height of the current font (rarely used)
- exponent
- Creates html exponent attribute
- external_
resources_ required - Creates html externalResourcesRequired attribute
- fe_
blend - Creates an svg feBlend element
- fe_
color_ matrix - Creates an svg feColorMatrix element
- fe_
component_ transfer - Creates an svg feComponentTransfer element
- fe_
composite - Creates an svg feComposite element
- fe_
convolve_ matrix - Creates an svg feConvolveMatrix element
- fe_
diffuse_ lighting - Creates an svg feDiffuseLighting element
- fe_
displacement_ map - Creates an svg feDisplacementMap element
- fe_
distant_ light - Creates an svg feDistantLight element
- fe_
drop_ shadow - Creates an svg feDropShadow element
- fe_
flood - Creates an svg feFlood element
- fe_
func_ a - Creates an svg feFuncA element
- fe_
func_ b - Creates an svg feFuncB element
- fe_
func_ g - Creates an svg feFuncG element
- fe_
func_ r - Creates an svg feFuncR element
- fe_
gaussian_ blur - Creates an svg feGaussianBlur element
- fe_
image - Creates an svg feImage element
- fe_
merge - Creates an svg feMerge element
- fe_
merge_ node - Creates an svg feMergeNode element
- fe_
morphology - Creates an svg feMorphology element
- fe_
offset - Creates an svg feOffset element
- fe_
point_ light - Creates an svg fePointLight element
- fe_
specular_ lighting - Creates an svg feSpecularLighting element
- fe_
spot_ light - Creates an svg feSpotLight element
- fe_tile
- Creates an svg feTile element
- fe_
turbulence - Creates an svg feTurbulence element
- fieldset
- Creates an html fieldset element
- figcaption
- Creates an html figcaption element
- figure
- Creates an html figure element
- fill
- Creates html fill attribute
- fill_
opacity - Creates html fill-opacity attribute
- fill_
rule - Creates html fill-rule attribute
- filter
- Creates an svg filter element
- filter_
res - Creates html filterRes attribute
- filter_
units - Creates html filterUnits attribute
- flood_
color - Creates html flood-color attribute
- flood_
opacity - Creates html flood-opacity attribute
- font_
size_ adjust - Creates html font-size-adjust attribute
- font_
stretch - Creates html font-stretch attribute
- font_
style - Creates html font-style attribute
- font_
variant - Creates html font-variant attribute
- font_
weight - Creates html font-weight attribute
- footer
- Creates an html footer element
- foreign_
object - Creates an svg foreignObject element
- form
- Creates an html form element
- formaction
- Creates html formaction attribute
- format
- Creates html format attribute
- formnovalidate
- Creates html formnovalidate attribute
- fr
- Creates html fr attribute
- from
- Creates html from attribute
- fx
- Creates html fx attribute
- fy
- Creates html fy attribute
- g
- Creates an svg g element
- g1
- Creates html g1 attribute
- g2
- Creates html g2 attribute
- glyph_
name - Creates html glyph-name attribute
- glyph_
orientation_ horizontal - Creates html glyph-orientation-horizontal attribute
- glyph_
orientation_ vertical - Creates html glyph-orientation-vertical attribute
- glyph_
ref - Creates html glyphRef attribute
- grad
- Represents an angle in gradians https://developer.mozilla.org/en-US/docs/Web/CSS/angle
- gradient_
transform - Creates html gradientTransform attribute
- gradient_
units - Creates html gradientUnits attribute
- h1
- Creates an html h1 element
- h2
- Creates an html h2 element
- h3
- Creates an html h3 element
- h4
- Creates an html h4 element
- h5
- Creates an html h5 element
- h6
- Creates an html h6 element
- hanging
- Creates html hanging attribute
- hatch
- Creates an svg hatch element
- hatchpath
- Creates an svg hatchpath element
- head
- Creates an html head element
- header
- Creates an html header element
- headers
- Creates html headers attribute
- height
- Creates html height attribute
- hgroup
- Creates an html hgroup element
- hidden
- Creates html hidden attribute
- high
- Creates html high attribute
- horiz_
adv_ x - Creates html horiz-adv-x attribute
- horiz_
origin_ x - Creates html horiz-origin-x attribute
- hr
- Creates an html hr element
- href
- Creates html href attribute
- hreflang
- Creates html hreflang attribute
- html
- Creates an html html element
- http
- Creates html http attribute
- i
- Creates an html i element
- icon
- Creates html icon attribute
- id
- Creates html id attribute
- ideographic
- Creates html ideographic attribute
- iframe
- Creates an html iframe element
- image
- Creates an svg image element
- image_
rendering - Creates html image-rendering attribute
- img
- Creates an html img element
- importance
- Creates html importance attribute
- in
- Creates html in attribute
- in2
- Creates html in2 attribute
- input
- Creates an html input element
- inputmode
- Creates html inputmode attribute
- ins
- Creates an html ins element
- integrity
- Creates html integrity attribute
- intercept
- Creates html intercept attribute
- intrinsicsize
- Creates html intrinsicsize attribute
- ismap
- Creates html ismap attribute
- itemprop
- Creates html itemprop attribute
- k
- Creates html k attribute
- k1
- Creates html k1 attribute
- k2
- Creates html k2 attribute
- k3
- Creates html k3 attribute
- k4
- Creates html k4 attribute
- kbd
- Creates an html kbd element
- kernel_
matrix - Creates html kernelMatrix attribute
- kernel_
unit_ length - Creates html kernelUnitLength attribute
- kerning
- Creates html kerning attribute
- key
- key attributes is used to match old element and new element when diffing
- key_
points - Creates html keyPoints attribute
- key_
splines - Creates html keySplines attribute
- key_
times - Creates html keyTimes attribute
- keytype
- Creates html keytype attribute
- kind
- Creates html kind attribute
- label
- Creates an html label element
- lang
- Creates html lang attribute
- language
- Creates html language attribute
- lazy_
view_ if - evaluate the fn_node only if flag is true and return the evaluated Node
- legend
- Creates an html legend element
- length_
adjust - Creates html lengthAdjust attribute
- letter_
spacing - Creates html letter-spacing attribute
- li
- Creates an html li element
- lighting_
color - Creates html lighting-color attribute
- limiting_
cone Angle - Creates html limitingConeAngle attribute
- line
- Creates an svg line element
- linear_
gradient - Creates an svg linearGradient element
- list
- Creates html list attribute
- loading
- Creates html loading attribute
- local
- Creates html local attribute
- low
- Creates html low attribute
- main
- Creates an html main element
- manifest
- Creates html manifest attribute
- map
- Creates an html map element
- mark
- Creates an html mark element
- marker
- Creates an svg marker element
- marker_
end - Creates html marker-end attribute
- marker_
height - Creates html markerHeight attribute
- marker_
mid - Creates html marker-mid attribute
- marker_
start - Creates html marker-start attribute
- marker_
units - Creates html markerUnits attribute
- marker_
width - Creates html markerWidth attribute
- mask
- Creates an svg mask element
- mask_
content_ units - Creates html maskContentUnits attribute
- mask_
units - Creates html maskUnits attribute
- mathematical
- Creates html mathematical attribute
- max
- Creates html max attribute
- maxlength
- Creates html maxlength attribute
- media
- Creates html media attribute
- menu
- Creates an html menu element
- menuitem
- Creates an html menuitem element
- mesh
- Creates an svg mesh element
- meshgradient
- Creates an svg meshgradient element
- meshpatch
- Creates an svg meshpatch element
- meshrow
- Creates an svg meshrow element
- metadata
- Creates an svg metadata element
- meter
- Creates an html meter element
- method
- Creates html method attribute
- min
- Creates html min attribute
- minlength
- Creates html minlength attribute
- mm
- milimeters
- mode
- Creates html mode attribute
- mpath
- Creates an svg mpath element
- ms
- Represents a time in milliseconds. https://developer.mozilla.org/en-US/docs/Web/CSS/time
- multiple
- Creates html multiple attribute
- muted
- Creates html muted attribute
- name
- Creates html name attribute
- nav
- Creates an html nav element
- noscript
- Creates an html noscript element
- novalidate
- Creates html novalidate attribute
- now
- return the instantaneous time
- num_
octaves - Creates html numOctaves attribute
- object
- Creates an html object element
- offset
- Creates html offset attribute
- ol
- Creates an html ol element
- on
- an event builder
- on_
animationend - attach an on_animationend event to the html element
- on_
auxclick - attach an on_auxclick event to the html element
- on_blur
- attach an on_blur event to the html element
- on_
broadcast - attach an on_broadcast event to the html element
- on_
change - attach an on_change event to the html element
- on_
checked - attach an on_checked event to the html element
- on_
click - on click event
- on_
component_ mount - custom mount event
- on_
contextmenu - attach an on_contextmenu event to the html element
- on_copy
- attach an on_copy event to the html element
- on_
dblclick - attach an on_dblclick event to the html element
- on_
doubleclick - attach an on_doubleclick event to the html element
- on_
focus - attach an on_focus event to the html element
- on_
hashchange - attach an on_hashchange event to the html element
- on_
input - attach an on_input event to the html element
- on_
keydown - attach an on_keydown event to the html element
- on_
keypress - attach an on_keypress event to the html element
- on_
keyup - attach an on_keyup event to the html element
- on_
mount - custom mount event
- on_
mousedown - attach an on_mousedown event to the html element
- on_
mouseenter - attach an on_mouseenter event to the html element
- on_
mouseleave - attach an on_mouseleave event to the html element
- on_
mousemove - attach an on_mousemove event to the html element
- on_
mouseout - attach an on_mouseout event to the html element
- on_
mouseover - attach an on_mouseover event to the html element
- on_
mouseup - attach an on_mouseup event to the html element
- on_
paste - attach an on_paste event to the html element
- on_
pointerlockchange - attach an on_pointerlockchange event to the html element
- on_
pointerlockerror - attach an on_pointerlockerror event to the html element
- on_
popstate - attach an on_popstate event to the html element
- on_
readystatechange - attach an on_readystatechange event to the html element
- on_
reset - attach an on_reset event to the html element
- on_
scroll - attach callback to the scroll event
- on_
select - attach an on_select event to the html element
- on_
selectionchange - attach an on_selectionchange event to the html element
- on_
submit - attach an on_submit event to the html element
- on_
toggle - attach an on_toggle event to the html element
- on_
touchend - attach an on_touchend event to the html element
- on_
touchmove - attach an on_touchmove event to the html element
- on_
touchstart - attach an on_touchstart event to the html element
- on_
transitionend - attach an on_transitionend event to the html element
- on_
wheel - attach an on_wheel event to the html element
- opacity
- Creates html opacity attribute
- operator
- Creates html operator attribute
- optgroup
- Creates an html optgroup element
- optimum
- Creates html optimum attribute
- option
- Creates an html option element
- order
- Creates html order attribute
- orient
- Creates html orient attribute
- orientation
- Creates html orientation attribute
- origin
- Creates html origin attribute
- output
- Creates an html output element
- overflow
- Creates html overflow attribute
- overline_
position - Creates html overline-position attribute
- overline_
thickness - Creates html overline-thickness attribute
- p
- Creates an html p element
- paint_
order - Creates html paint-order attribute
- panose_
1 - Creates html panose-1 attribute
- parse_
html - Parse none-escaped html strings like
"Hello world!"
into a node tree (see also raw_html). - path
- Creates an svg path element
- path_
length - Creates html pathLength attribute
- pattern
- Creates an svg pattern element
- pattern_
content_ units - Creates html patternContentUnits attribute
- pattern_
transform - Creates html patternTransform attribute
- pattern_
units - Creates html patternUnits attribute
- percent
- percentage Example:
- picture
- Creates an html picture element
- ping
- Creates html ping attribute
- placeholder
- Creates html placeholder attribute
- pointer_
events - Creates html pointer-events attribute
- points
- Creates html points attribute
- points_
at_ x - Creates html pointsAtX attribute
- points_
at_ y - Creates html pointsAtY attribute
- points_
at_ z - Creates html pointsAtZ attribute
- polygon
- Creates an svg polygon element
- polyline
- Creates an svg polyline element
- poster
- Creates html poster attribute
- pre
- Creates an html pre element
- preload
- Creates html preload attribute
- preserve_
alpha - Creates html preserveAlpha attribute
- preserve_
aspect_ ratio - Creates html preserveAspectRatio attribute
- primitive_
units - Creates html primitiveUnits attribute
- progress
- Creates an html progress element
- pt
- points (1pt = 1/72 of 1in)
- px
- pixels (1px = 1/96th of 1in)
- q
- Creates an html q element
- r
- Creates html r attribute
- rad
- Represent an angle in radians https://developer.mozilla.org/en-US/docs/Web/CSS/angle
- radial_
gradient - Creates an svg radialGradient element
- radiogroup
- Creates html radiogroup attribute
- radius
- Creates html radius attribute
- raw_
html - Parse escaped html strings like
"Hello world!"
into"Hello world!"
and then into a node tree. - rb
- Creates an html rb element
- readonly
- Creates html readonly attribute
- rect
- Creates an svg rect element
- ref_x
- Creates html refX attribute
- ref_y
- Creates html refY attribute
- referrer_
policy - Creates html referrerPolicy attribute
- referrerpolicy
- Creates html referrerpolicy attribute
- rel
- Creates html rel attribute
- rendering_
intent - Creates html rendering-intent attribute
- repeat_
count - Creates html repeatCount attribute
- repeat_
dur - Creates html repeatDur attribute
- required
- Creates html required attribute
- required_
extensions - Creates html requiredExtensions attribute
- required_
features - Creates html requiredFeatures attribute
- restart
- Creates html restart attribute
- result
- Creates html result attribute
- reversed
- Creates html reversed attribute
- rgb
- the rgb css function
- rgba
- the rgba css function
- rotate
- Creates html rotate attribute
- rows
- Creates html rows attribute
- rowspan
- Creates html rowspan attribute
- rp
- Creates an html rp element
- rt
- Creates an html rt element
- rtc
- Creates an html rtc element
- ruby
- Creates an html ruby element
- rx
- Creates html rx attribute
- ry
- Creates html ry attribute
- s
- Represents a time in seconds. https://developer.mozilla.org/en-US/docs/Web/CSS/time
- samp
- Creates an html samp element
- sandbox
- Creates html sandbox attribute
- scale
- Creates html scale attribute
- scope
- Creates html scope attribute
- scoped
- Creates html scoped attribute
- script
- Creates an html script element
- section
- Creates an html section element
- seed
- Creates html seed attribute
- select
- Creates an html select element
- selected
- Creates html selected attribute
- set
- Creates an svg set element
- shape
- Creates html shape attribute
- shape_
rendering - Creates html shape-rendering attribute
- size
- Creates html size attribute
- sizes
- Creates html sizes attribute
- skip_if
- skip diffing the node is the val is true
- slope
- Creates html slope attribute
- slot
- Creates html slot attribute
- small
- Creates an html small element
- solidcolor
- Creates an svg solidcolor element
- spacing
- Creates html spacing attribute
- span
- Creates an html span element
- specular_
constant - Creates html specularConstant attribute
- specular_
exponent - Creates html specularExponent attribute
- speed
- Creates html speed attribute
- spellcheck
- Creates html spellcheck attribute
- spread_
method - Creates html spreadMethod attribute
- src
- Creates html src attribute
- srcdoc
- Creates html srcdoc attribute
- srclang
- Creates html srclang attribute
- srcset
- Creates html srcset attribute
- start
- Creates html start attribute
- start_
offset - Creates html startOffset attribute
- stateful_
component - create a stateful component node
- std_
deviation - Creates html stdDeviation attribute
- stemh
- Creates html stemh attribute
- stemv
- Creates html stemv attribute
- step
- Creates html step attribute
- stitch_
tiles - Creates html stitchTiles attribute
- stop
- Creates an svg stop element
- stop_
color - Creates html stop-color attribute
- stop_
opacity - Creates html stop-opacity attribute
- strikethrough_
position - Creates html strikethrough-position attribute
- strikethrough_
thickness - Creates html strikethrough-thickness attribute
- string
- Creates html string attribute
- stroke
- Creates html stroke attribute
- stroke_
dasharray - Creates html stroke-dasharray attribute
- stroke_
dashoffset - Creates html stroke-dashoffset attribute
- stroke_
linecap - Creates html stroke-linecap attribute
- stroke_
linejoin - Creates html stroke-linejoin attribute
- stroke_
miterlimit - Creates html stroke-miterlimit attribute
- stroke_
opacity - Creates html stroke-opacity attribute
- stroke_
width - Creates html stroke-width attribute
- strong
- Creates an html strong element
- styles_
flag - A helper function which creates a style attribute by assembling only the parts that passed the boolean flag.
- sub
- Creates an html sub element
- summary
- Creates an html summary element
- sup
- Creates an html sup element
- surface_
scale - Creates html surfaceScale attribute
- svg
- Creates an svg svg element
- switch
- Creates an svg switch element
- symbol
- Creates an svg symbol element
- system_
language - Creates html systemLanguage attribute
- tabindex
- Creates html tabindex attribute
- table
- Creates an html table element
- table_
values - Creates html tableValues attribute
- target
- Creates html target attribute
- target_
x - Creates html targetX attribute
- target_
y - Creates html targetY attribute
- tbody
- Creates an html tbody element
- td
- Creates an html td element
- template
- Creates an html template element
- text
- Create a text node element
- text_
anchor - Creates html text-anchor attribute
- text_
decoration - Creates html text-decoration attribute
- text_
length - Creates html textLength attribute
- text_
path - Creates an svg textPath element
- text_
rendering - Creates html text-rendering attribute
- textarea
- Creates an html textarea element
- tfoot
- Creates an html tfoot element
- th
- Creates an html th element
- thead
- Creates an html thead element
- time
- Creates an html time element
- title
- Creates html title attribute
- to
- Creates html to attribute
- tr
- Creates an html tr element
- transform
- Creates html transform attribute
- translate
- Creates html translate attribute
- tspan
- Creates an svg tspan element
- turn
- Represents an angle in a number of turns. One full circle is 1turn. https://developer.mozilla.org/en-US/docs/Web/CSS/angle
- type
- Creates html type attribute
- u
- Creates an html u element
- u1
- Creates html u1 attribute
- u2
- Creates html u2 attribute
- ul
- Creates an html ul element
- underline_
position - Creates html underline-position attribute
- underline_
thickness - Creates html underline-thickness attribute
- unicode
- Creates html unicode attribute
- unicode_
bidi - Creates html unicode-bidi attribute
- unicode_
range - Creates html unicode-range attribute
- units_
per_ em - Creates html units-per-em attribute
- unknown
- Creates an svg unknown element
- use
- Creates an svg use element
- usemap
- Creates html usemap attribute
- v_
alphabetic - Creates html v-alphabetic attribute
- v_
hanging - Creates html v-hanging attribute
- v_
ideographic - Creates html v-ideographic attribute
- v_
mathematical - Creates html v-mathematical attribute
- value
- Creates html value attribute
- values
- Creates html values attribute
- var
- Creates an html var element
- vector_
effect - Creates html vector-effect attribute
- version
- Creates html version attribute
- vert_
adv_ y - Creates html vert-adv-y attribute
- vert_
origin_ x - Creates html vert-origin-x attribute
- vert_
origin_ y - Creates html vert-origin-y attribute
- vh
- Relative to 1% of the height of the viewport*
- video
- Creates an html video element
- view
- Creates an svg view element
- view_
box - Creates html viewBox attribute
- view_if
- A help function which render the view when the condition is met, otherwise
just display a
span(vec![], vec![])
- view_
target - Creates html viewTarget attribute
- visibility
- Creates html visibility attribute
- vw
- Relative to 1% of the width of the viewport*
- width
- Creates html width attribute
- widths
- Creates html widths attribute
- window
- utility function which returns the Window element
- word_
spacing - Creates html word-spacing attribute
- wrap
- Creates html wrap attribute
- writing_
mode - Creates html writing-mode attribute
- x
- Creates html x attribute
- x1
- Creates html x1 attribute
- x2
- Creates html x2 attribute
- x_
channel_ selector - Creates html xChannelSelector attribute
- x_
height - Creates html x-height attribute
- xlink_
actuate - creates a function where the function name is the attribute name of the svg element
- xlink_
arcrole - creates a function where the function name is the attribute name of the svg element
- xlink_
href - creates a function where the function name is the attribute name of the svg element
- xlink_
role - creates a function where the function name is the attribute name of the svg element
- xlink_
show - creates a function where the function name is the attribute name of the svg element
- xlink_
title - creates a function where the function name is the attribute name of the svg element
- xlink_
type - creates a function where the function name is the attribute name of the svg element
- xml_
base - Creates html xml:base attribute
- xml_
lang - Creates html xml:lang attribute
- xml_
space - Creates html xml:space attribute
- xmlns
- Creates html xmlns attribute
- xmlns_
xlink - Creates html xmlns:xlink attribute
- y
- Creates html y attribute
- y1
- Creates html y1 attribute
- y2
- Creates html y2 attribute
- y_
channel_ selector - Creates html yChannelSelector attribute
- z
- Creates html z attribute
- zoom_
and_ pan - Creates html zoomAndPan attribute
Type Aliases§
- Event
Callback - Callback where Event type is supplied for Components