Custom HTML attributes

[saschagrunert]

Hey, is there a way to insert custom html attributes like this:

<div uk-spinner></div>

[limira]

Is this helpful? I am not sure, because it just contains a value, while you want a key: value. How about uk-spinner-ratio = "3"?

And if you did not notice yet, it requires a trailing comma:

<div uk-spinner-ratio="3", ></div>

[saschagrunert]

I think my example was a bit misleading. Some UI Frameworks labeling the HTML like this:
<div uk-spinner></div>, so there is no value for the key.

[davidkna]

<div uk-spinner></div> is equivalent to <div uk-spinner=""></div> which you should be able to use.

[kellytk]

@davidkna Are those equivalent in the HTML spec?

[saschagrunert]

Alright, that solves the problem. Thanks!

[davidkna]

@kellytk yes they are, at least according to the w3c one: http://w3c.github.io/html/infrastructure.html#sec-boolean-attributes

[kellytk]

Thanks @davidkna

[saschagrunert]

With the latest changes it does not work any more: saschagrunert/webapp.rs#345

Is there a way how to use custom macros with the latest master version of the HTML macro?

                html! {
                    <div class="uk-position-center", uk-icon="icon: cloud-download; ratio: 3",></div>
                }

error: unexpected token
   --> frontend/src/component/root.rs:139:54
    |
139 |                     <div class="uk-position-center", uk-icon="icon: cloud-download; ratio: 3",></div>
    |                                                      ^^

[jstarry]

This should be working on yew 0.7. Here's the corresponding fix: #512

@saschagrunert can you confirm please?

[saschagrunert]

Yes, it’s fixed. Thank you!