BottomNav

venjs.bottomNav(props) — a fixed bottom tab bar shown only on mobile (md:hidden).

Signature

venjs.bottomNav(props) → VNode

Props

Prop	Type	Description
`items`	VNode \| VNode[]	Tab items (buttons/links) laid out with `justify-around`.

Example

venjs.bottomNav({
  items: [
    venjs.button({ onclick: () => router.navigate("/home") }, "🏠"),
    venjs.button({ onclick: () => router.navigate("/search") }, "🔍"),
    venjs.button({ onclick: () => router.navigate("/profile") }, "👤")
  ]
})

The bar is fixed bottom-0 ... flex md:hidden ... z-50 with a safe-area bottom padding (pb-safe). Pair it with the SideBar/AppBar for responsive layouts.