1293

Honk Remove Pronouns Scale Down Interaction

Honk Remove Pronouns Scale Down Interaction

This interaction demonstrates how list items are deleted and how the UI transitions to an empty state. Tapping the 'x' button on a pronoun chip triggers a shrink and fade-out animation, while the remaining items slide up to fill the gap. Once the final item is deleted, the 'Add Pronouns' button morphs seamlessly into a larger, rounded empty-state card featuring a prominent purple plus icon. The entire sequence uses spring physics to give the elements a tactile, organic feel.