Breadcrumbs
Semantic, responsive page hierarchy.
Preview
Use it
Import
import { Breadcrumbs, BreadcrumbItem } from '@/components/elements/breadcrumbs'Agent prompt
Create a new Forward page. Reference Oatmeal composition: home-03 Reuse components: Breadcrumbs, BreadcrumbItem New route: [/your-route] Breadcrumb hierarchy: [Forward / …] Content changes: [describe copy, imagery, and calls to action] Retain Forward’s Mauve palette, Mona Sans for display type, Inter for UI/body copy, rounded surfaces, responsive behavior, dark mode, shared header/footer, and larger type scale. Do not copy another brand’s visual system.
Main API
- children: ReactNode
- Content supplied by the page.