ناوبری پایین موبایل — MobileBottomNavigation

ناوبری پایین موبایل (MobileBottomNavigation) مقصدهای اصلی را در پایین صفحه نشان می‌دهد؛ برچسب همیشه دیده می‌شود، هدف هر مقصد دست‌کم ۴۴ پیکسل است و ناحیهٔ امن پایین دستگاه رعایت می‌شود. بیش از پنج مقصد را نمی‌پذیرد؛ مقصدهای بیشتر باید به «بیشتر» یا بروند.

وضعیت: beta · لایه: ۳ () · کد:

TSX

import { MobileBottomNavigation } from '@tokapps/tuk';

کی استفاده کنیم

دو تا پنج مقصد اصلی در موبایل که کاربر مرتب بین آن‌ها جابه‌جا می‌شود.
دسکتاپ: یا .
سراسر سایت‌های توکاپس: ناوبری مشترک است.

نمونهٔ زنده

کد قابل کپی

پایه

TSX

import { Icon } from '@tokapps/icons';import { MobileBottomNavigation } from '@tokapps/tuk';const items = [  { id: 'home', label: 'خانه', href: '/', icon: <Icon name="home" />, current: true },  { id: 'ideas', label: 'ایده‌ها', href: '/ideas', icon: <Icon name="product.ideation" />, badge: '۲' },  { id: 'funding', label: 'سرمایه', href: '/funding', icon: <Icon name="product.funding" /> },  { id: 'profile', label: 'من', href: '/me', icon: <Icon name="user" /> },] as const;export function MobileNav() {  return <MobileBottomNavigation items={items} aria-label="ناوبری موبایل" />;}

حالت ایستا برای پیش‌نمایش

TSX

<MobileBottomNavigation items={items} position="static" />

ساختار و پراپ‌ها

پراپ	نوع	توضیح
		۲ تا ۵ مورد؛ بیشتر از ۵ بریده می‌شود
		پیش‌فرض fixed؛ static برای پیش‌نمایش
		برچسب ناحیه
		رفتار چاپ

RTL، کیبورد و صفحه‌خوان

ترتیب مقصدها در RTL از راست به چپ است.
هر مقصد دکمهٔ لینک با برچسب متنی است؛ آیکون تنها نشانه نیست.
مقصد فعلی با اعلام می‌شود.

صدا، حرکت، چاپ و کاهش حرکت

صدا ندارد.
رفتار چاپ از پراپ تعیین می‌شود.

تغییرات ممنوع

بیش از پنج مقصد ندهید.
هدف لمسی کمتر از ۴۴ پیکسل مجاز نیست.

ناوبری پایین موبایل — MobileBottomNavigation