Family Wallet

A recreation of the Family Wallet customisation flow.

Multi-stage components like this one aren’t hard to build, but they are easy to get wrong if you don’t plan ahead. You need to understand what changes, when it changes, and how to keep it predictable across states.

Always try to keep the state of your components as simple as possible. This is a good example of a component that has a lot of different states, but it’s still easy to understand.