Crate sauron

Source
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 Promises to Rust Futures.
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§

AnimationEvent
The AnimationEvent class.
AnimationFrameHandle
request animation frame handle
Attribute
These are the plain attributes of an element
ClipboardEvent
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.
FocusEvent
The FocusEvent class.
HashChangeEvent
The HashChangeEvent class.
InputEvent
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 JavaScript Error object.
JsValue
Representation of an object owned by JS.
KeyboardEvent
The KeyboardEvent class.
Measurements
Contains the time it took for the last app update call for the component TODO: Maybe rename to Diagnostics
MountEvent
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
MouseEvent
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.
SkipDiff
if the expression evaluates to true, diffing at this node will be skipped entirely
Time
Provides function related to Time
TimeoutCallbackHandle
handle for request_idle_callback calls
TouchEvent
The TouchEvent class.
TransitionEvent
The TransitionEvent class.
TreePath
Describe the path traversal of a Node starting from the root node
Window
Provides function for window related functions

Enums§

AttributeValue
Values of an attribute can be in these variants
DomAttrValue
a dom version of the Attribute value, thereby removing the MSG generic
MountAction
specify how the App is mounted to the DOM
MountTarget
specify whether to attach the Node in shadow_root
MouseButton
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.
StatefulComponent
A component that can be used directly in the view without mapping
UnwrapThrowExt
An extension trait for Option<T> and Result<T, E> for unwrapping the T 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
clipPath
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 as new_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_coneAngle
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&#x20;world&#x21;" 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§

EventCallback
Callback where Event type is supplied for Components

Attribute Macros§

__wasm_bindgen_class_marker
wasm_bindgen