Struct H

pub struct H<T> { /* private fields */ }

The component builder that powers h!, which provides convenience methods for adding props.

In case T is HtmlTag, H<T> also provides auto-completion for HTML attributes and events.

Implementations

impl H<Suspense>

pub fn fallback(self, children: impl Into<VNode>) -> Self

Sets a fallback when loading lazy descendant components.

impl H<HtmlTag<'_>>

Provides auto-completion for DOM attributes on H.

pub fn dangerously_set_inner_html(self, value: &DangerousHtml<'_>) -> Self

Equivalent to props.dangerouslySetInnerHTML = { __html: value.__html };.

See also React documentation.

Example

fn create_markup() -> DangerousHtml<'static> {
  DangerousHtml {
    __html: "First &middot; Second".into()
  }
}

h!(div)
  .dangerously_set_inner_html(&create_markup())
  .build(())

pub fn class_name(self, value: &str) -> Self

Overwrites the class name attribute. Use h! for easier way to set the class names.

pub fn style(self, style: &Style) -> Self

Sets the style attribute.

pub fn accesskey(self, value: &str) -> Self

pub fn contenteditable(self, value: bool) -> Self

pub fn contextmenu(self, value: &str) -> Self

pub fn dir(self, value: &str) -> Self

pub fn draggable(self, value: bool) -> Self

pub fn hidden(self, value: bool) -> Self

pub fn id(self, value: &str) -> Self

pub fn lang(self, value: &str) -> Self

pub fn placeholder(self, value: &str) -> Self

pub fn slot(self, value: &str) -> Self

pub fn spellcheck(self, value: bool) -> Self

pub fn tabindex(self, value: i32) -> Self

pub fn title(self, value: &str) -> Self

pub fn translate(self, value: &str) -> Self

pub fn radiogroup(self, value: &str) -> Self

pub fn role(self, value: &str) -> Self

pub fn about(self, value: &str) -> Self

pub fn datatype(self, value: &str) -> Self

pub fn inlist(self, value: impl Into<JsValue>) -> Self

pub fn prefix(self, value: &str) -> Self

pub fn property(self, value: &str) -> Self

pub fn resource(self, value: &str) -> Self

pub fn vocab(self, value: &str) -> Self

pub fn inputmode(self, value: &str) -> Self

pub fn is(self, value: &str) -> Self

pub fn accept(self, value: &str) -> Self

pub fn acceptcharset(self, value: &str) -> Self

pub fn action(self, value: &str) -> Self

pub fn allowfullscreen(self, value: bool) -> Self

pub fn allowtransparency(self, value: bool) -> Self

pub fn alt(self, value: &str) -> Self

pub fn autocomplete(self, value: &str) -> Self

pub fn autofocus(self, value: bool) -> Self

pub fn autoplay(self, value: bool) -> Self

pub fn capture(self, value: impl Into<JsValue>) -> Self

pub fn cellpadding(self, value: impl Into<JsValue>) -> Self

pub fn cellspacing(self, value: impl Into<JsValue>) -> Self

pub fn challenge(self, value: &str) -> Self

pub fn charset(self, value: &str) -> Self

pub fn checked(self, value: bool) -> Self

pub fn cite(self, value: &str) -> Self

pub fn classid(self, value: &str) -> Self

pub fn cols(self, value: u32) -> Self

pub fn colspan(self, value: u32) -> Self

pub fn content(self, value: &str) -> Self

pub fn controls(self, value: bool) -> Self

pub fn coords(self, value: &str) -> Self

pub fn crossorigin(self, value: &str) -> Self

pub fn data(self, value: &str) -> Self

pub fn datetime(self, value: &str) -> Self

pub fn default(self, value: bool) -> Self

pub fn defer(self, value: bool) -> Self

pub fn disabled(self, value: bool) -> Self

pub fn download(self, value: impl Into<JsValue>) -> Self

pub fn enctype(self, value: &str) -> Self

pub fn form(self, value: &str) -> Self

pub fn formaction(self, value: &str) -> Self

pub fn formenctype(self, value: &str) -> Self

pub fn formmethod(self, value: &str) -> Self

pub fn formnovalidate(self, value: bool) -> Self

pub fn formtarget(self, value: &str) -> Self

pub fn frameborder(self, value: impl Into<JsValue>) -> Self

pub fn headers(self, value: &str) -> Self

pub fn height(self, value: impl Into<JsValue>) -> Self

pub fn high(self, value: f64) -> Self

pub fn href(self, value: &str) -> Self

pub fn hreflang(self, value: &str) -> Self

pub fn html_for(self, value: &str) -> Self

pub fn html_type(self, value: &str) -> Self

pub fn httpequiv(self, value: &str) -> Self

pub fn integrity(self, value: &str) -> Self

pub fn keyparams(self, value: &str) -> Self

pub fn keytype(self, value: &str) -> Self

pub fn kind(self, value: &str) -> Self

pub fn label(self, value: &str) -> Self

pub fn list(self, value: &str) -> Self

pub fn low(self, value: f64) -> Self

pub fn manifest(self, value: &str) -> Self

pub fn marginheight(self, value: f64) -> Self

pub fn marginwidth(self, value: f64) -> Self

pub fn max(self, value: f64) -> Self

pub fn maxlength(self, value: f64) -> Self

pub fn media(self, value: &str) -> Self

pub fn mediagroup(self, value: &str) -> Self

pub fn method(self, value: &str) -> Self

pub fn min(self, value: impl Into<JsValue>) -> Self

pub fn minlength(self, value: f64) -> Self

pub fn multiple(self, value: bool) -> Self

pub fn muted(self, value: bool) -> Self

pub fn name(self, value: &str) -> Self

pub fn nonce(self, value: &str) -> Self

pub fn novalidate(self, value: bool) -> Self

pub fn open(self, value: bool) -> Self

pub fn optimum(self, value: f64) -> Self

pub fn pattern(self, value: &str) -> Self

pub fn playsinline(self, value: bool) -> Self

pub fn poster(self, value: &str) -> Self

pub fn preload(self, value: &str) -> Self

pub fn readonly(self, value: bool) -> Self

pub fn rel(self, value: &str) -> Self

pub fn required(self, value: bool) -> Self

pub fn reversed(self, value: bool) -> Self

pub fn rows(self, value: u32) -> Self

pub fn rowspan(self, value: u32) -> Self

pub fn sandbox(self, value: &str) -> Self

pub fn scope(self, value: &str) -> Self

pub fn scoped(self, value: bool) -> Self

pub fn scrolling(self, value: &str) -> Self

pub fn seamless(self, value: bool) -> Self

pub fn selected(self, value: bool) -> Self

pub fn shape(self, value: &str) -> Self

pub fn size(self, value: f64) -> Self

pub fn sizes(self, value: &str) -> Self

pub fn span(self, value: u32) -> Self

pub fn src(self, value: &str) -> Self

pub fn srcdoc(self, value: &str) -> Self

pub fn srclang(self, value: &str) -> Self

pub fn srcset(self, value: &str) -> Self

pub fn start(self, value: f64) -> Self

pub fn step(self, value: impl Into<JsValue>) -> Self

pub fn summary(self, value: &str) -> Self

pub fn target(self, value: &str) -> Self

pub fn usemap(self, value: &str) -> Self

pub fn value(self, value: impl Into<JsValue>) -> Self

pub fn width(self, value: impl Into<JsValue>) -> Self

pub fn wmode(self, value: &str) -> Self

pub fn wrap(self, value: &str) -> Self

impl H<HtmlTag<'_>>

Provides auto-completion for DOM events on H.

pub fn on_focus(self, f: &Callback<FocusEvent>) -> Self

pub fn on_focus_capture(self, f: &Callback<FocusEvent>) -> Self

pub fn on_blur(self, f: &Callback<FocusEvent>) -> Self

pub fn on_blur_capture(self, f: &Callback<FocusEvent>) -> Self

pub fn on_change(self, f: &Callback<Event>) -> Self

pub fn on_change_capture(self, f: &Callback<Event>) -> Self

pub fn on_beforeinput(self, f: &Callback<Event>) -> Self

pub fn on_beforeinput_capture(self, f: &Callback<Event>) -> Self

pub fn on_input(self, f: &Callback<Event>) -> Self

pub fn on_input_capture(self, f: &Callback<Event>) -> Self

pub fn on_reset(self, f: &Callback<Event>) -> Self

pub fn on_reset_capture(self, f: &Callback<Event>) -> Self

pub fn on_submit(self, f: &Callback<Event>) -> Self

pub fn on_submit_capture(self, f: &Callback<Event>) -> Self

pub fn on_invalid(self, f: &Callback<Event>) -> Self

pub fn on_invalid_capture(self, f: &Callback<Event>) -> Self

pub fn on_select(self, f: &Callback<UiEvent>) -> Self

pub fn on_select_capture(self, f: &Callback<UiEvent>) -> Self

pub fn on_load(self, f: &Callback<Event>) -> Self

pub fn on_load_capture(self, f: &Callback<Event>) -> Self

pub fn on_keydown(self, f: &Callback<KeyboardEvent>) -> Self

pub fn on_keydown_capture(self, f: &Callback<KeyboardEvent>) -> Self

pub fn on_keypress(self, f: &Callback<KeyboardEvent>) -> Self

pub fn on_keypress_capture(self, f: &Callback<KeyboardEvent>) -> Self

pub fn on_keyup(self, f: &Callback<KeyboardEvent>) -> Self

pub fn on_keyup_capture(self, f: &Callback<KeyboardEvent>) -> Self

pub fn on_abort(self, f: &Callback<Event>) -> Self

pub fn on_abort_capture(self, f: &Callback<Event>) -> Self

pub fn on_canplay(self, f: &Callback<Event>) -> Self

pub fn on_canplay_capture(self, f: &Callback<Event>) -> Self

pub fn on_canplay_through(self, f: &Callback<Event>) -> Self

pub fn on_canplay_through_capture(self, f: &Callback<Event>) -> Self

pub fn on_duration_change(self, f: &Callback<Event>) -> Self

pub fn on_duration_change_capture(self, f: &Callback<Event>) -> Self

pub fn on_emptied(self, f: &Callback<Event>) -> Self

pub fn on_emptied_capture(self, f: &Callback<Event>) -> Self

pub fn on_encrypted(self, f: &Callback<Event>) -> Self

pub fn on_encrypted_capture(self, f: &Callback<Event>) -> Self

pub fn on_ended(self, f: &Callback<Event>) -> Self

pub fn on_ended_capture(self, f: &Callback<Event>) -> Self

pub fn on_loadeddata(self, f: &Callback<Event>) -> Self

pub fn on_loadeddata_capture(self, f: &Callback<Event>) -> Self

pub fn on_loadedmetadata(self, f: &Callback<Event>) -> Self

pub fn on_loadedmetadata_capture(self, f: &Callback<Event>) -> Self

pub fn on_loadstart(self, f: &Callback<Event>) -> Self

pub fn on_loadstart_capture(self, f: &Callback<Event>) -> Self

pub fn on_pause(self, f: &Callback<Event>) -> Self

pub fn on_pause_capture(self, f: &Callback<Event>) -> Self

pub fn on_play(self, f: &Callback<Event>) -> Self

pub fn on_play_capture(self, f: &Callback<Event>) -> Self

pub fn on_playing(self, f: &Callback<Event>) -> Self

pub fn on_playing_capture(self, f: &Callback<Event>) -> Self

pub fn on_progress(self, f: &Callback<Event>) -> Self

pub fn on_progress_capture(self, f: &Callback<Event>) -> Self

pub fn on_ratechange(self, f: &Callback<Event>) -> Self

pub fn on_ratechange_capture(self, f: &Callback<Event>) -> Self

pub fn on_seeked(self, f: &Callback<Event>) -> Self

pub fn on_seeked_capture(self, f: &Callback<Event>) -> Self

pub fn on_seeking(self, f: &Callback<Event>) -> Self

pub fn on_seeking_capture(self, f: &Callback<Event>) -> Self

pub fn on_stalled(self, f: &Callback<Event>) -> Self

pub fn on_stalled_capture(self, f: &Callback<Event>) -> Self

pub fn on_suspend(self, f: &Callback<Event>) -> Self

pub fn on_suspend_capture(self, f: &Callback<Event>) -> Self

pub fn on_timeupdate(self, f: &Callback<Event>) -> Self

pub fn on_timeupdate_capture(self, f: &Callback<Event>) -> Self

pub fn on_volumechange(self, f: &Callback<Event>) -> Self

pub fn on_volumechange_capture(self, f: &Callback<Event>) -> Self

pub fn on_waiting(self, f: &Callback<Event>) -> Self

pub fn on_waiting_capture(self, f: &Callback<Event>) -> Self

pub fn on_auxclick(self, f: &Callback<MouseEvent>) -> Self

pub fn on_auxclick_capture(self, f: &Callback<MouseEvent>) -> Self

pub fn on_click(self, f: &Callback<MouseEvent>) -> Self

pub fn on_click_capture(self, f: &Callback<MouseEvent>) -> Self

pub fn on_context_menu(self, f: &Callback<MouseEvent>) -> Self

pub fn on_context_menu_capture(self, f: &Callback<MouseEvent>) -> Self

pub fn on_doubleclick(self, f: &Callback<MouseEvent>) -> Self

pub fn on_doubleclick_capture(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mousedown(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mousedown_capture(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mouseenter(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mouseleave(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mousemove(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mousemove_capture(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mouseout(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mouseout_capture(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mouseover(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mouseover_capture(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mouseup(self, f: &Callback<MouseEvent>) -> Self

pub fn on_mouseup_capture(self, f: &Callback<MouseEvent>) -> Self

pub fn on_pointerdown(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerdown_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointermove(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointermove_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerup(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerup_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointercancel(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointercancel_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerenter(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerenter_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerleave(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerleave_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerover(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerover_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerout(self, f: &Callback<PointerEvent>) -> Self

pub fn on_pointerout_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_gotpointer_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_gotpointer_capture_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_lostpointer_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_lostpointer_capture_capture(self, f: &Callback<PointerEvent>) -> Self

pub fn on_drag(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragcapture(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragend(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragend_capture(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragenter(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragenter_capture(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragexit(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragexit_capture(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragleave(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragleave_capture(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragover(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragover_capture(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragstart(self, f: &Callback<DragEvent>) -> Self

pub fn on_dragstart_capture(self, f: &Callback<DragEvent>) -> Self

pub fn on_drop(self, f: &Callback<DragEvent>) -> Self

pub fn on_drop_capture(self, f: &Callback<DragEvent>) -> Self

pub fn on_scroll(self, f: &Callback<UiEvent>) -> Self

pub fn on_scroll_capture(self, f: &Callback<UiEvent>) -> Self

pub fn on_wheel(self, f: &Callback<WheelEvent>) -> Self

pub fn on_wheel_capture(self, f: &Callback<WheelEvent>) -> Self

pub fn on_animationstart(self, f: &Callback<AnimationEvent>) -> Self

pub fn on_animationstart_capture(self, f: &Callback<AnimationEvent>) -> Self

pub fn on_animationend(self, f: &Callback<AnimationEvent>) -> Self

pub fn on_animationend_capture(self, f: &Callback<AnimationEvent>) -> Self

pub fn on_animationiteration(self, f: &Callback<AnimationEvent>) -> Self

pub fn on_animationiteration_capture(self, f: &Callback<AnimationEvent>) -> Self

pub fn on_transition_end(self, f: &Callback<TransitionEvent>) -> Self

pub fn on_transition_end_capture(self, f: &Callback<TransitionEvent>) -> Self

impl<T: HType> H<T>

pub fn new(typ: T) -> Self

Creates a new instance of H. It is recommended to use the h! macro instead.

pub fn key(self, value: Option<impl KeyType>) -> Self

Sets the React key.

pub fn ref_container(self, ref_container: &JsRefContainer<Element>) -> Self

Sets the React ref to the given ref container created with the use_js_ref() hook.

pub fn ref_callback(self, ref_callback: &Callback<Option<Element>>) -> Self

Sets the React ref to the given ref callback.

pub fn attr(self, key: &str, value: &JsValue) -> Self

Sets an attribute on the VNode.

pub fn attr_callback<U, V>(self, key: &str, f: &Callback<U, V>) -> Self

where U: FromWasmAbi + 'static, V: IntoWasmAbi + 'static,

Sets a callback value to an attribute on the VNode.

pub fn build(self, children: impl Into<VNode>) -> VNode

Builds the VNode and returns it with the given children.

Trait Implementations

impl<T: Clone> Clone for H<T>

fn clone(&self) -> H<T>

Returns a copy of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl<T: Debug> Debug for H<T>

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.