Component
WeightVote
It lets each child collect three clicks of weight, enlarges every partial choice, and locks the first one to reach the arbitrary limit.
01 / Preview
Try it yourself.
Click the same choice three times. It becomes the only one allowed to look important.
Mechanism
- 1
- Start with three ordinary choices at equal size.
- 2
- Click any choice to add one visible unit of weight.
- 3
- Partial choices grow as their meters fill.
- 4
- The first choice clicked three times wins and locks the others.
02 / Usage
Put it somewhere.
example.tsxTSX
import { WeightVote } from "gra-ui";
import "gra-ui/styles.css";
export function EmphasizedField() {
return (
<WeightVote>
<span>Title</span>
<span>Status</span>
<span>Owner</span>
</WeightVote>
);
}03 / API
Small surface area.
PropTypeDescription
childrenReactNodeThe choices that accumulate weight through clicks.