Back to Yew

Fragments

website/versioned_docs/version-0.20/concepts/html/fragments.mdx

0.18.0581 B
Original Source

import Tabs from '@theme/Tabs' import TabItem from '@theme/TabItem'

The html! macro always requires a single root node. In order to get around this restriction, you can use an "empty tag" (these are also called "fragments").

<Tabs> <TabItem value="Valid" label="Valid">
rust
use yew::prelude::*;

html! {
    <>
        <div></div>
        <p></p>
    </>
};

</TabItem> <TabItem value="Invalid" label="Invalid">
rust,
use yew::prelude::*;

// error: only one root html element allowed

html! {
    <div></div>
    <p></p>
};

</TabItem> </Tabs>