Label picker
Labelling an issue: picking a label drops it onto the issue as a chip while the others make room, and typing a name that doesn't exist yet offers to create it.
Checkout total rounds tax twice on mobile
The tax line is rounded once per item and again on the subtotal, so totals drift by a cedi.
Labels
- Bug
Things to try
- Add a label. "Add label" opens a picker with a search box, and a highlight glides to what you point at.
- Pick one. It drops onto the issue as a chip while the others make room.
- Type a new name. The list offers to create it, with a colour that pops in.
- Take a chip off with its ×.
Install
npx shadcn@latest add https://your-docs-site/r/label-picker.jsonDependencies
The install command adds these for you. If you copy the code by hand, install them yourself.
npm install @base-ui/react @hugeicons/core-free-icons @hugeicons/react @remold-ui/react motionHow it works
- The picker is Base UI's Popover, so focus moves into the search box and back to the button when it closes.
- The gliding highlight and the chips making room are Motion.
The issue is made up.
Kitchen ticket
A counter ticket whose ring fills as the order cooks, from received to picked up, and whose check and cross reshape into each other.
Morphing dialog
A dialog that grows out of the button that opens it, and shrinks into the thing it creates. Cancel and it goes back into the button; plan a trip and it lands as the new row in your list of trips.