About this Component
Breadcrumbs that build themselves. Auto Breadcrumb reads the page's URL and generates a clean, clickable trail automatically — no manual linking, no per-page setup. Ideal for shops, documentation, blogs, and any site with deep pages.
Long paths collapse gracefully, separators are fully customizable, and a canvas preview path lets you design against realistic content.
How to use
Drop the component onto your pages — it picks up the current URL on the published site, while the Canvas Path field lets you preview any route while designing. Toggle the Home item and label, automatic label formatting, and a character limit for long segments.
Choose how long trails Collapse — automatic, manual with a max step count, or never — then style it: font, gap, and a Separator that can be a text character or an icon from presets like chevron, arrow, dot, and slash, or your own SVG. Step padding, radius, and colors finish the look.
Features
Automatic breadcrumbs from the page URL
No per-page setup or manual links
Canvas preview path for designing
Optional Home item with custom label
Automatic label formatting with character limit
Auto, manual, or no collapsing for long paths
Text or icon separators: chevron, arrow, dot, slash, or custom SVG
Adjustable separator color and icon size
Step padding and radius for pill-style trails
Full font and spacing control
Works in headers, page tops, and article layouts
Responsive across desktop, tablet, and mobile
Refund Policy:
Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.
Support: hi@alicorak.com
