LobeChatLobeHub
UI
Components
Chat
Mobile
Awesome
Brand
Mdx
Color
Changelog
Ctrl K
Chat
ChatInputArea
Layout
MobileNavBar
MobileSafeArea
MobileTabBar

MobileNavBar

import { MobileNavBar } from '@lobehub/ui/mobile';
NPM
UNPKG
BundlePhobia
PackagePhobia
Anvaka Graph
Source
Edit
Previous
ChatInputArea
Next
MobileSafeArea

Resources

Lobe UI-AIGC Components
Lobe Icon-AI / LLM Icon Collection
Lobe Charts-Modern Charts
Lobe TTS-TTS / STT Library

Community

Report Bug
Request Feature

Help

GitHub
Changelog

More Products

🤯 Lobe Chat-AI / LLM Chat Framework
🧸 Lobe Vidol-Virtual Idols for EveryOne
🅰️ Lobe Theme-Stable Diffusion Extension
🌐 Lobe i18n-AI i18next CLI
Copyright © 2022-2025
Made with 🤯 by LobeHub
LobeHub

Default

APIs

NameDescriptionTypeDefault
center--ReactNode--
className--string--
classNames--{center?:string;left?:string;right?:string}--
contentStyles--{center?:object;left?:object;right?:object}--
gap--{center?:number;left?:number;right?:number}--
left--ReactNode--
onBackClick--()=>void--
right--ReactNode--
safeArea--boolean--
showBackButton--boolean--
style--{}--