Skip to content

タップで消せるChipコンポーネントを実装し、検索結果の画面に表示させる #384

@bvv-1

Description

@bvv-1

https://www.figma.com/design/yM4TNeiIe9gt7g2Y2a9eCu/ui?node-id=1220-3815&t=QANAJH2EQN5bakW8-4
image

既存実装のChipコンポーネントがあるので、それを参考にすると作れるかも

  • DeletableChipListコンポーネントとDeletableChipコンポーネントを作成する (1ファイル内でいいかも)
    • タップしたら消える要件
    • state
      • isDisplayedを持っておく
      • const [isDisplayed, setIsDisplayed] = useState(true)
    • xアイコンがonClickを受け取ったらisDisplayedをfalseにする

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions