thaw/demo_markdown/docs/_mobile/tabbar/mod.md
2024-02-09 22:47:46 +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::AiCloseOutlined>
                "or"
            </TabbarItem>
        </Tabbar>
    </div>
}

Tabbar Props

Name Type Default Description
value Model<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.