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

No one assigned

    Labels

    enhancementNew feature or requestfrontendFrontend development

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions