- autofocus;
- ),
- (
- /// The HTML class attribute is used to specify a class for an HTML element.
- ///
- /// ## Details
- /// Multiple HTML elements can share the same class.
- ///
- /// The class global attribute is a space-separated list of the case-sensitive classes of the element.
- /// Classes allow CSS and Javascript to select and access specific elements via the class selectors or
- /// functions like the DOM method document.getElementsByClassName.
- ///
- /// ## Example
- ///
- /// ### HTML:
- /// ```html
- /// Above point sounds a bit obvious. Remove/rewrite?
- /// ```
- ///
- /// ### CSS:
- /// ```css
- /// .note {
- /// font-style: italic;
- /// font-weight: bold;
- /// }
- ///
- /// .editorial {
- /// background: rgb(255, 0, 0, .25);
- /// padding: 10px;
- /// }
- /// ```
- ///
- class;
- ),
- (
- ///
- contenteditable;
- ),
- (
- ///
- data;
- ),
- (
- ///
- dir;
- ),
- (
- ///
- draggable;
- ),
- (
- ///
- enterkeyhint;
- ),
- (
- ///
- exportparts;
- ),
- (
- ///
- hidden;
- ),
- (
- ///
- id;
- ),
- (
- ///
- inputmode;
- ),
- (
- ///
- is;
- ),
- (
- ///
- itemid;
- ),
- (
- ///
- itemprop;
- ),
- (
- ///
- itemref;
- ),
- (
- ///
- itemscope;
- ),
- (
- ///
- itemtype;
- ),
- (
- ///
- lang;
- ),
- (
- ///
- nonce;
- ),
- (
- ///
- part;
- ),
- (
- ///
- role;
- ),
- (
- ///
- slot;
- ),
- (
- ///
- spellcheck;
- ),
- (
- ///
- style;
- ),
- (
- ///
- tabindex;
- ),
- (
- ///
- title;
- ),
- (
- ///
- translate;
- ),
- (
- /// dangerous_inner_html is Dioxus's replacement for using innerHTML in the browser DOM. In general, setting
- /// HTML from code is risky because it’s easy to inadvertently expose your users to a cross-site scripting (XSS)
- /// attack. So, you can set HTML directly from Dioxus, but you have to type out dangerous_inner_html to remind
- /// yourself that it’s dangerous
- dangerous_inner_html;
- ),
+ /// Prevent the default action for this element.
+ ///
+ /// For more information, see the MDN docs:
+ ///
+ prevent_default: "dioxus-prevent-default";
+
+
+ ///
+ accesskey: "accesskey";
+
+
+ ///
+ autocapitalize: "autocapitalize";
+
+
+ ///
+ autofocus;
+
+ /// The HTML class attribute is used to specify a class for an HTML element.
+ ///
+ /// ## Details
+ /// Multiple HTML elements can share the same class.
+ ///
+ /// The class global attribute is a space-separated list of the case-sensitive classes of the element.
+ /// Classes allow CSS and Javascript to select and access specific elements via the class selectors or
+ /// functions like the DOM method document.getElementsByClassName.
+ ///
+ /// ## Example
+ ///
+ /// ### HTML:
+ /// ```html
+ /// Above point sounds a bit obvious. Remove/rewrite?
+ /// ```
+ ///
+ /// ### CSS:
+ /// ```css
+ /// .note {
+ /// font-style: italic;
+ /// font-weight: bold;
+ /// }
+ ///
+ /// .editorial {
+ /// background: rgb(255, 0, 0, .25);
+ /// padding: 10px;
+ /// }
+ /// ```
+ ///
+ class;
+
+ ///
+ contenteditable;
+
+ ///
+ data;
+
+ ///
+ dir;
+
+ ///
+ draggable;
+
+ ///
+ enterkeyhint;
+
+ ///
+ exportparts;
+
+ ///
+ hidden;
+
+ ///
+ id;
+
+ ///
+ inputmode;
+
+ ///
+ is;
+
+ ///
+ itemid;
+
+ ///
+ itemprop;
+
+ ///
+ itemref;
+
+ ///
+ itemscope;
+
+ ///
+ itemtype;
+
+ ///
+ lang;
+
+ ///
+ nonce;
+
+ ///
+ part;
+
+ ///
+ role;
+
+ ///
+ slot;
+
+ ///
+ spellcheck;
+
+ ///
+ style;
+
+ ///
+ tabindex;
+
+ ///
+ title;
+
+ ///
+ translate;
+
+
+ /// dangerous_inner_html is Dioxus's replacement for using innerHTML in the browser DOM. In general, setting
+ /// HTML from code is risky because it’s easy to inadvertently expose your users to a cross-site scripting (XSS)
+ /// attack. So, you can set HTML directly from Dioxus, but you have to type out dangerous_inner_html to remind
+ /// yourself that it’s dangerous
+ dangerous_inner_html;
// This macro creates an explicit method call for each of the style attributes.
//
@@ -279,2834 +215,2131 @@ trait_methods! {
// actual name of the attribute generated.
//
// This roughly follows the html spec
- (
- ///
- align_content: "align-content", "style";
- ),
- (
- ///
- align_items: "align-items", "style";
- ),
- (
- ///
- align_self: "align-self", "style";
- ),
- (
- ///
- alignment_adjust: "alignment-adjust", "style";
- ),
- (
- ///
- alignment_baseline: "alignment-baseline", "style";
- ),
- (
- ///
- all: "all", "style";
- ),
- (
- ///
- alt: "alt", "style";
- ),
- (
- ///
- animation: "animation", "style";
- ),
- (
- ///
- animation_delay: "animation-delay", "style";
- ),
- (
- ///
- animation_direction: "animation-direction", "style";
- ),
- (
- ///
- animation_duration: "animation-duration", "style";
- ),
- (
- ///
- animation_fill_mode: "animation-fill-mode", "style";
- ),
- (
- ///
- animation_iteration_count: "animation-iteration-count", "style";
- ),
- (
- ///
- animation_name: "animation-name", "style";
- ),
- (
- ///
- animation_play_state: "animation-play-state", "style";
- ),
- (
- ///
- animation_timing_function: "animation-timing-function", "style";
- ),
- (
- ///
- azimuth: "azimuth", "style";
- ),
- (
- ///
- backface_visibility: "backface-visibility", "style";
- ),
- (
- ///
- background: "background", "style";
- ),
- (
- ///
- background_attachment: "background-attachment", "style";
- ),
- (
- ///
- background_clip: "background-clip", "style";
- ),
- (
- ///
- background_color: "background-color", "style";
- ),
- (
- ///
- background_image: "background-image", "style";
- ),
- (
- ///
- background_origin: "background-origin", "style";
- ),
- (
- ///
- background_position: "background-position", "style";
- ),
- (
- ///
- background_repeat: "background-repeat", "style";
- ),
- (
- ///
- background_size: "background-size", "style";
- ),
- (
- ///
- background_blend_mode: "background-blend-mode", "style";
- ),
- (
- ///
- baseline_shift: "baseline-shift", "style";
- ),
- (
- ///
- bleed: "bleed", "style";
- ),
- (
- ///
- bookmark_label: "bookmark-label", "style";
- ),
- (
- ///
- bookmark_level: "bookmark-level", "style";
- ),
- (
- ///
- bookmark_state: "bookmark-state", "style";
- ),
- (
- ///
- border: "border", "style";
- ),
- (
- ///
- border_color: "border-color", "style";
- ),
- (
- ///
- border_style: "border-style", "style";
- ),
- (
- ///
- border_width: "border-width", "style";
- ),
- (
- ///
- border_bottom: "border-bottom", "style";
- ),
- (
- ///
- border_bottom_color: "border-bottom-color", "style";
- ),
- (
- ///
- border_bottom_style: "border-bottom-style", "style";
- ),
- (
- ///
- border_bottom_width: "border-bottom-width", "style";
- ),
- (
- ///
- border_left: "border-left", "style";
- ),
- (
- ///
- border_left_color: "border-left-color", "style";
- ),
- (
- ///
- border_left_style: "border-left-style", "style";
- ),
- (
- ///
- border_left_width: "border-left-width", "style";
- ),
- (
- ///
- border_right: "border-right", "style";
- ),
- (
- ///
- border_right_color: "border-right-color", "style";
- ),
- (
- ///
- border_right_style: "border-right-style", "style";
- ),
- (
- ///
- border_right_width: "border-right-width", "style";
- ),
- (
- ///
- border_top: "border-top", "style";
- ),
- (
- ///
- border_top_color: "border-top-color", "style";
- ),
- (
- ///
- border_top_style: "border-top-style", "style";
- ),
- (
- ///
- border_top_width: "border-top-width", "style";
- ),
- (
- ///
- border_collapse: "border-collapse", "style";
- ),
- (
- ///
- border_image: "border-image", "style";
- ),
- (
- ///
- border_image_outset: "border-image-outset", "style";
- ),
- (
- ///
- border_image_repeat: "border-image-repeat", "style";
- ),
- (
- ///
- border_image_slice: "border-image-slice", "style";
- ),
- (
- ///
- border_image_source: "border-image-source", "style";
- ),
- (
- ///
- border_image_width: "border-image-width", "style";
- ),
- (
- ///
- border_radius: "border-radius", "style";
- ),
- (
- ///
- border_bottom_left_radius: "border-bottom-left-radius", "style";
- ),
- (
- ///
- border_bottom_right_radius: "border-bottom-right-radius", "style";
- ),
- (
- ///
- border_top_left_radius: "border-top-left-radius", "style";
- ),
- (
- ///
- border_top_right_radius: "border-top-right-radius", "style";
- ),
- (
- ///
- border_spacing: "border-spacing", "style";
- ),
- (
- ///
- bottom: "bottom", "style";
- ),
- (
- ///
- box_decoration_break: "box-decoration-break", "style";
- ),
- (
- ///
- box_shadow: "box-shadow", "style";
- ),
- (
- ///
- box_sizing: "box-sizing", "style";
- ),
- (
- ///
- box_snap: "box-snap", "style";
- ),
- (
- ///
- break_after: "break-after", "style";
- ),
- (
- ///
- break_before: "break-before", "style";
- ),
- (
- ///
- break_inside: "break-inside", "style";
- ),
- (
- ///
- buffered_rendering: "buffered-rendering", "style";
- ),
- (
- ///
- caption_side: "caption-side", "style";
- ),
- (
- ///
- clear: "clear", "style";
- ),
- (
- ///
- clear_side: "clear-side", "style";
- ),
- (
- ///
- clip: "clip", "style";
- ),
- (
- ///
- clip_path: "clip-path", "style";
- ),
- (
- ///
- clip_rule: "clip-rule", "style";
- ),
- (
- ///
- color: "color", "style";
- ),
- (
- ///
- color_adjust: "color-adjust", "style";
- ),
- (
- ///
- color_correction: "color-correction", "style";
- ),
- (
- ///
- color_interpolation: "color-interpolation", "style";
- ),
- (
- ///
- color_interpolation_filters: "color-interpolation-filters", "style";
- ),
- (
- ///
- color_profile: "color-profile", "style";
- ),
- (
- ///
- color_rendering: "color-rendering", "style";
- ),
- (
- ///
- column_fill: "column-fill", "style";
- ),
- (
- ///
- column_gap: "column-gap", "style";
- ),
- (
- ///
- column_rule: "column-rule", "style";
- ),
- (
- ///
- column_rule_color: "column-rule-color", "style";
- ),
- (
- ///
- column_rule_style: "column-rule-style", "style";
- ),
- (
- ///
- column_rule_width: "column-rule-width", "style";
- ),
- (
- ///
- column_span: "column-span", "style";
- ),
- (
- ///
- columns: "columns", "style";
- ),
- (
- ///
- column_count: "column-count", "style";
- ),
- (
- ///
- column_width: "column-width", "style";
- ),
- (
- ///
- contain: "contain", "style";
- ),
- (
- ///
- content: "content", "style";
- ),
- (
- ///
- counter_increment: "counter-increment", "style";
- ),
- (
- ///
- counter_reset: "counter-reset", "style";
- ),
- (
- ///
- counter_set: "counter-set", "style";
- ),
- (
- ///
- cue: "cue", "style";
- ),
- (
- ///
- cue_after: "cue-after", "style";
- ),
- (
- ///
- cue_before: "cue-before", "style";
- ),
- (
- ///
- cursor: "cursor", "style";
- ),
- (
- ///
- direction: "direction", "style";
- ),
- (
- ///
- display: "display", "style";
- ),
- (
- ///
- display_inside: "display-inside", "style";
- ),
- (
- ///
- display_outside: "display-outside", "style";
- ),
- (
- ///
- display_extras: "display-extras", "style";
- ),
- (
- ///
- display_box: "display-box", "style";
- ),
- (
- ///
- dominant_baseline: "dominant-baseline", "style";
- ),
- (
- ///
- elevation: "elevation", "style";
- ),
- (
- ///
- empty_cells: "empty-cells", "style";
- ),
- (
- ///
- enable_background: "enable-background", "style";
- ),
- (
- ///
- fill: "fill", "style";
- ),
- (
- ///
- fill_opacity: "fill-opacity", "style";
- ),
- (
- ///
- fill_rule: "fill-rule", "style";
- ),
- (
- ///
- filter: "filter", "style";
- ),
- (
- ///
- float: "float", "style";
- ),
- (
- ///
- float_defer_column: "float-defer-column", "style";
- ),
- (
- ///
- float_defer_page: "float-defer-page", "style";
- ),
- (
- ///
- float_offset: "float-offset", "style";
- ),
- (
- ///
- float_wrap: "float-wrap", "style";
- ),
- (
- ///
- flow_into: "flow-into", "style";
- ),
- (
- ///
- flow_from: "flow-from", "style";
- ),
- (
- ///
- flex: "flex", "style";
- ),
- (
- ///
- flex_basis: "flex-basis", "style";
- ),
- (
- ///
- flex_grow: "flex-grow", "style";
- ),
- (
- ///
- flex_shrink: "flex-shrink", "style";
- ),
- (
- ///
- flex_flow: "flex-flow", "style";
- ),
- (
- ///
- flex_direction: "flex-direction", "style";
- ),
- (
- ///
- flex_wrap: "flex-wrap", "style";
- ),
- (
- ///
- flood_color: "flood-color", "style";
- ),
- (
- ///
- flood_opacity: "flood-opacity", "style";
- ),
- (
- ///
- font: "font", "style";
- ),
- (
- ///
- font_family: "font-family", "style";
- ),
- (
- ///
- font_size: "font-size", "style";
- ),
- (
- ///
- font_stretch: "font-stretch", "style";
- ),
- (
- ///
- font_style: "font-style", "style";
- ),
- (
- ///
- font_weight: "font-weight", "style";
- ),
- (
- ///
- font_feature_settings: "font-feature-settings", "style";
- ),
- (
- ///
- font_kerning: "font-kerning", "style";
- ),
- (
- ///
- font_language_override: "font-language-override", "style";
- ),
- (
- ///
- font_size_adjust: "font-size-adjust", "style";
- ),
- (
- ///
- font_synthesis: "font-synthesis", "style";
- ),
- (
- ///
- font_variant: "font-variant", "style";
- ),
- (
- ///
- font_variant_alternates: "font-variant-alternates", "style";
- ),
- (
- ///
- font_variant_caps: "font-variant-caps", "style";
- ),
- (
- ///
- font_variant_east_asian: "font-variant-east-asian", "style";
- ),
- (
- ///
- font_variant_ligatures: "font-variant-ligatures", "style";
- ),
- (
- ///
- font_variant_numeric: "font-variant-numeric", "style";
- ),
- (
- ///
- font_variant_position: "font-variant-position", "style";
- ),
- (
- ///
- footnote_policy: "footnote-policy", "style";
- ),
- (
- ///
- glyph_orientation_horizontal: "glyph-orientation-horizontal", "style";
- ),
- (
- ///
- glyph_orientation_vertical: "glyph-orientation-vertical", "style";
- ),
- (
- ///
- grid: "grid", "style";
- ),
- (
- ///
- grid_auto_flow: "grid-auto-flow", "style";
- ),
- (
- ///
- grid_auto_columns: "grid-auto-columns", "style";
- ),
- (
- ///
- grid_auto_rows: "grid-auto-rows", "style";
- ),
- (
- ///
- grid_template: "grid-template", "style";
- ),
- (
- ///
- grid_template_areas: "grid-template-areas", "style";
- ),
- (
- ///
- grid_template_columns: "grid-template-columns", "style";
- ),
- (
- ///
- grid_template_rows: "grid-template-rows", "style";
- ),
- (
- ///
- grid_area: "grid-area", "style";
- ),
- (
- ///
- grid_column: "grid-column", "style";
- ),
- (
- ///
- grid_column_start: "grid-column-start", "style";
- ),
- (
- ///
- grid_column_end: "grid-column-end", "style";
- ),
- (
- ///
- grid_row: "grid-row", "style";
- ),
- (
- ///
- grid_row_start: "grid-row-start", "style";
- ),
- (
- ///
- grid_row_end: "grid-row-end", "style";
- ),
- (
- ///
- hanging_punctuation: "hanging-punctuation", "style";
- ),
- (
- ///
- height: "height", "style";
- ),
- (
- ///
- hyphenate_character: "hyphenate-character", "style";
- ),
- (
- ///
- hyphenate_limit_chars: "hyphenate-limit-chars", "style";
- ),
- (
- ///
- hyphenate_limit_last: "hyphenate-limit-last", "style";
- ),
- (
- ///
- hyphenate_limit_lines: "hyphenate-limit-lines", "style";
- ),
- (
- ///
- hyphenate_limit_zone: "hyphenate-limit-zone", "style";
- ),
- (
- ///
- hyphens: "hyphens", "style";
- ),
- (
- ///
- icon: "icon", "style";
- ),
- (
- ///
- image_orientation: "image-orientation", "style";
- ),
- (
- ///
- image_resolution: "image-resolution", "style";
- ),
- (
- ///
- image_rendering: "image-rendering", "style";
- ),
- (
- ///
- ime: "ime", "style";
- ),
- (
- ///
- ime_align: "ime-align", "style";
- ),
- (
- ///
- ime_mode: "ime-mode", "style";
- ),
- (
- ///
- ime_offset: "ime-offset", "style";
- ),
- (
- ///
- ime_width: "ime-width", "style";
- ),
- (
- ///
- initial_letters: "initial-letters", "style";
- ),
- (
- ///
- inline_box_align: "inline-box-align", "style";
- ),
- (
- ///
- isolation: "isolation", "style";
- ),
- (
- ///
- justify_content: "justify-content", "style";
- ),
- (
- ///