Skip to content

コンポーネント実装:Bottom Navigation(Navigation / NavigationItem) #58

@tanapl

Description

@tanapl

一行説明

下部固定の Bottom Navigation を safe-area 対応で実装する。

詳細

  • BottomNavigation:下部固定、背景(カプセル)、影、safe-area を担当
  • BottomNavigationItem:アイコン+ラベル+状態(active/pressed/disabled)
  • アイコンは lucide-react を placeholder として使用

要件

  • BottomNavigationBottomNavigationItem の責務分離を実装で担保
  • active 表現を props で切替可能にする(色差 or indicator は Open Question)
  • safe-area 対応(iOS 等)を考慮する
  • a11y(role, aria-current, focus/keyboard)対応

補足

Figma:

未確定点:

  • Active 状態の表現(色差?インジケータ?)
Image

Metadata

Metadata

Assignees

Labels

enhancementNew feature or requestfrontendFrontend development

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions