📖 Step 2: Design - UI/UX Basics#48 / 291
Breadcrumb
Breadcrumb
📖One-line summary
Navigation that shows the trail like Home > Category > Detail.
✨Example
Navigation that shows your place in the hierarchy
Home/Category/Design/Breadcrumb
⚡Vibe coding prompt examples
>_
Build a breadcrumb component generated dynamically. Parse the current route path and auto-build the segments.
>_
Add structured data (JSON-LD) to the breadcrumb. Add SEO markup so the path appears in Google search results.
>_
Build a responsive breadcrumb that abbreviates middle segments to '...' when there are 3+ levels. Click to reveal the full path in a dropdown.
Try these prompts in your AI coding assistant!