Navigation Patterns

Sidebar nav, tab interface, breadcrumb & pagination — three patterns from three prompts.

Sidebar Navigation

Expandable sections with active item highlighting. Click section headers to collapse/expand.

Tab Interface

Proper ARIA roles — role="tablist", role="tab", aria-selected, role="tabpanel". Always specify these in your prompt.

Course Overview

Learn to ship production-quality UI components using AI-assisted prompting. This course covers forms, cards, navigation, modals, animation, and more — each lesson showing you the exact prompt that generated the code.

Breadcrumb & Pagination

Wayfinding components. Click page numbers to see the active state update.