Component
LastRemaining
It lets you eliminate each option one at a time, preserves the casualties, and promotes the final survivor as though a list needed a tournament bracket.
01 / Preview
Try it yourself.
Eliminate options4 / 4
4 items still need to be reduced.
Eliminate the fields one by one. The last survivor becomes the winner.
Mechanism
- 1
- Start with four available fields.
- 2
- Click a field to remove it from consideration.
- 3
- Removed fields stay visible as evidence.
- 4
- The last field is promoted and the list can restart.
02 / Usage
Put it somewhere.
example.tsxTSX
import { LastRemaining } from "gra-ui";
import "gra-ui/styles.css";
export function ChooseOne() {
return (
<LastRemaining
items={["Keep the title", "Keep the status", "Keep the owner"]}
/>
);
}03 / API
Small surface area.
PropTypeDescription
itemsreadonly string[]The options eliminated one at a time until one remains.