thaw/demo_markdown/docs/_mobile/tabbar/mod.md
luoxiaozero 3684f5961b
demo: refactor docs (#67)
* demo: refactor docs

* demo: refactor docs

* demo: refactor guide docs

* chore: workflow add listens to the demo_markdown

* demo: refactor mobile docs
2024-01-03 20:52:56 +08:00

1.2 KiB

Tabbar

use thaw::mobile::*;

let value = create_rw_signal(String::from("o"));

view! {
    <div style="height: 100vh;">
        {move || value.get()}
        <Tabbar value>
            <TabbarItem key="a">"and"</TabbarItem>
            <TabbarItem key="i">"if"</TabbarItem>
            <TabbarItem key="o" icon=icondata::AiIcon::AiCloseOutlined>
                "or"
            </TabbarItem>
        </Tabbar>
    </div>
}

Tabbar Props

Name Type Default Description
value RwSignal<String> Default::default() Tabbar's value.
children Children Tabbar's content.

TabbarItem Props

Name Type Default Description
key MaybeSignal<String> The indentifier of the tabbar item.
icon Option<Icon> None TabbarItem's icon.
children Children TabbarItem's content.