Function freya::prelude::BottomTab

pub fn BottomTab(_: BottomTabProps) -> Result<VNode, RenderError>

Clickable BottomTab. Same thing as Tab but designed to be placed in the bottom of your app, usually used in combination with [Tabsbar], [crate::Link] and [crate::ActivableRoute].

Styling

Inherits the BottomTabTheme theme.

Example

fn app() -> Element {
    rsx!(
        Tabsbar {
            BottomTab {
                label {
                    "Home"
                }
            }
            Link {
                to: Route::Settings,
                BottomTab {
                    label {
                        "Settings"
                    }
                }
            }
        }
    )
}

Preview

Props

For details, see the props struct definition.

• children : Element
• theme : Option<BottomTabThemeWith>
• onpress : Option<EventHandler<()>>

  Optionally handle the onclick event in the SidebarItem.