Breadcrumb
Cross-platform extension. Native iOS 26 navigates with a stack drill-down (back-button + title), not crumb trails — there is no system equivalent for this control. The closest references are shadcn/ui and forui.dev. liqkit_ui ships it rendered in iOS 26 visual language (Liquid Glass surfaces, San Francisco type, iOS color palette) so it composes cleanly with the rest of the library, but the interaction model itself is web-native rather than iOS-canonical.
LiqBreadcrumb is the iOS 26 navigation trail used to surface where a
view sits in a page hierarchy. Each LiqBreadcrumbItem renders as a
tappable link in iOS system blue when its onPressed is non-null. The
final crumb is rendered in semibold iOS primary-label color and is
never a link — it represents the current page.
Default
import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget breadcrumbDefaultBuilder(BuildContext context) { return SnippetFrame( maxWidth: 520, height: 88, surface: SnippetFrameSurface.themed, surfacePadding: const EdgeInsets.symmetric(horizontal: 18), child: LiqBreadcrumb( items: <LiqBreadcrumbItem>[ LiqBreadcrumbItem(label: 'Home', onPressed: () {}), LiqBreadcrumbItem(label: 'Library', onPressed: () {}), LiqBreadcrumbItem(label: 'Components', onPressed: () {}), const LiqBreadcrumbItem(label: 'Breadcrumb'), ], ), );}With Separator
// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/material.dart' show Icons;import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget breadcrumbWithSeparatorBuilder(BuildContext context) { return SnippetFrame( maxWidth: 520, height: 88, surface: SnippetFrameSurface.themed, surfacePadding: const EdgeInsets.symmetric(horizontal: 18), child: LiqBreadcrumb( separator: const Icon( Icons.chevron_right, size: 14, color: Color(0xFFC7C7CC), ), items: <LiqBreadcrumbItem>[ LiqBreadcrumbItem(label: 'Home', onPressed: () {}), LiqBreadcrumbItem(label: 'Library', onPressed: () {}), LiqBreadcrumbItem(label: 'Components', onPressed: () {}), const LiqBreadcrumbItem(label: 'Breadcrumb'), ], ), );}