All notes →

Writing the slot picker in React as a designer

Why I wrote the component myself, what I got wrong, and what the engineers kept.

A wireframe sketch with an orange pen

8 min

Ilse Vos

The slot picker had one animation that mattered: the selected time had to stay put while the day changed. Every handoff lost it.

Writing it

I wrote the first version in a branch, with the tokens we already had. It was slower than it should have been and the engineers rewrote the data layer.

What stayed

The motion, the keyboard handling and the empty states. Those were the parts a spec never captured.

Ilse Vos

Product designer who builds. Amsterdam, working remotely.

Bisect, a Framer template by Ajoy

Create a free website with Framer, the website builder loved by startups, designers and agencies.