Skip to content

コンポーネント実装:AppBar(AppBar_Item) #56

@tanapl

Description

@tanapl

一行説明

画面上部の AppBar(タイトル/アクション/戻る等)を Theme 前提で実装する。

詳細

  • AppBar(コンテナ)と AppBarItem(左/中央/右スロット)に分解する
  • タイトル、戻る、アクション(icon/button)を props で差し替え可能にする
  • アイコンは lucide-react を placeholder として使用する

要件

  • Theme の semantic color / typography のみで実装(ベタ書き禁止)
  • 左/中央/右のレイアウトと可変要素(title, actions)を props で提供
  • a11y(aria-label, focus)対応
  • スマホ幅で崩れない(safe-area / sticky 等は要件に応じて)

補足

Figma:

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