Good Cheap Fast
Three toggles where picking a third forces one of the others off.
StarterWeb appUI component1–2hAI-buildable 5/5no setup
The project-management joke as an interactive constraint: you can have any two. The whole exercise is a state rule that must always resolve to at most two active, no matter the order the user clicks.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 4
- Three toggle switches, all independently clickable
- Enabling a third automatically disables one of the others
- The rule holds regardless of click order
- Switch state is visually clear
The interesting part
- A deselection rule that always leaves the state valid
Once it works
- Show which constraint was dropped and why
- Generalise to pick-N-of-M
Suggested stack
reacttypescripttailwindthree.jsdnd-kit