cards
Inline word diff
A row tint has to reach the end of the longest line, not the edge of the panel. Width 100 percent looks right until somebody scrolls right and untinted background appears halfway through a line. The fix is min-width max-content on the row inside an overflow-x container, plus two layers of tint: a weak one on the row and a strong one on the part that changed.
See it live and copy its promptWhat you can adjust
- Background
- Panel color
- Head color
- Removal colour
- Code size
- Margin width
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
