📖 Step 5: Design - Advanced UI/UX#129 / 291
Sorting
Sorting
📖One-line summary
Ordering a list ascending or descending by some criterion.
✨Example
Click a column header to sort
| Name ▲ | Age | Score |
|---|---|---|
| David Kim | 28 | 92 |
| Minsu Park | 31 | 95 |
| Suyeon Jung | 26 | 78 |
| Younghee Lee | 24 | 87 |
⚡Vibe coding prompt examples
>_
Implement sorting so that clicking a table header sorts the column ascending/descending. Show the current sort direction with an arrow icon.
>_
Write a utility that sorts API data on the client by name, date, or amount. Sort Korean names by Korean alphabetical order.
Try these prompts in your AI coding assistant!