Mobile Nav

navigation

Bottom navigation bar optimized for mobile with icon and label items.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system
Import
import { MobileNav, MobileNavItem } from "@launchapp/design-system";

Examples

Mobile bottom nav

<MobileNav>  <MobileNavItem href="/" icon={<HomeIcon />} label="Home" isActive />  <MobileNavItem href="/explore" icon={<SearchIcon />} label="Explore" />  <MobileNavItem href="/profile" icon={<UserIcon />} label="Profile" /></MobileNav>

Props

PropTypeDefaultDescription
children*
React.ReactNode—MobileNavItem elements.
← PreviousMasonry
Next →Multi Panel Layout