Skip to content

Example of InputChips being generated from user's input. #128247

Description

@TahaTesser

Is there an existing issue for this?

Use case

Material guidelines show InputChip being generated by user inputs.

image

kzhfok2g-chip_extra-backspace_3P.mp4

Current documentation doesn't showcase how to achieve this.
https://master-api.flutter.dev/flutter/material/InputChip-class.html

I found an old but really cool example by @slightfoot

https://stackoverflow.com/a/52415307

Proposal

Add a useful example where InputChips are generated by user inputs.

Activity

  1. added
    frameworkflutter/packages/flutter repository. See also f: labels.
    p: material_uimaterial_ui package in flutter/packages
    on Jun 5, 2023
  2. self-assigned this
    on Jun 5, 2023
  3. changed the title [-]Add an example for `InputChip`s are generated from user's input.[/-] [+]Exanple of `InputChip`s being generated from user's input.[/+] on Jun 5, 2023
  4. slightfoot commented on Jun 5, 2023

    @slightfoot
    Member

    Wow that was a long time ago 😅

  5. TahaTesser commented on Jun 5, 2023

    @TahaTesser
    ContributorAuthor
  6. HansMuller commented on Jun 5, 2023

    @HansMuller
    Contributor

    An updated version of this example, or something similar would be really useful. This is an important use case. The original example (https://gist.github.com/slightfoot/c6c0f1f1baca326a389a9aec47886ad6) is copyrighted, so I think we'd need something new but with similar capabilities.

  7. changed the title [-]Exanple of `InputChip`s being generated from user's input.[/-] [+]Example of `InputChip`s being generated from user's input.[/+] on Jun 6, 2023
  8. removed their assignment
    on Jun 20, 2023
  9. TahaTesser commented on Jun 20, 2023

    @TahaTesser
    ContributorAuthor

    I'll come back to this in a couple of weeks.

    (Anyone want to use fix this before, feel free to file PR)

  10. 3 remaining items

  11. andreacioni commented on Jul 15, 2023

    @andreacioni
    Contributor

    Hello everyone,

    I've just opened a PR to try to solve this issue. I've studied the subject using the sample by @slightfoot (https://gist.github.com/slightfoot/c6c0f1f1baca326a389a9aec47886ad6) and then I heavily changed it to be Flutter 3 compatible and more easy to understand (or at least this is what I had in mind 😉).

    I'm not sure about how copyright works in this case and if my adaptation could be considered safe to be merged.

  12. slightfoot commented on Jul 15, 2023

    @slightfoot
    Member

    You have my permission 😁

  13. moved this to 🚧 In Progress in Material 3on Aug 7, 2023
  14. Renzo-Olivares commented on Sep 4, 2023

    @Renzo-Olivares
    Contributor

    Closing because this was fixed in #130645.

  15. moved this from 🚧 In Progress to ✅ Done in Material 3on Sep 4, 2023
  16. added
    r: fixedIssue is closed as already fixed in a newer version
    on Sep 5, 2023
  17. github-actions commented on Sep 19, 2023

    @github-actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  18. locked as resolved and limited conversation to collaborators on Sep 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

d: examplesSample code and demosframeworkflutter/packages/flutter repository. See also f: labels.p: material_uimaterial_ui package in flutter/packagesr: fixedIssue is closed as already fixed in a newer versionteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Type

No type

Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions