Navigation
16 components in Navigation, each with an animated preview.
16 components
Adaptive Sidebar LayoutA split view driven by one Boolean that collapses to the detail on iPad and swaps columns on iPhone.
Animated Tab BarA custom tab bar with a sliding indicator and icons that bounce on selection.
Bottom DrawerA draggable bottom drawer that snaps to detents, built as a custom overlay.
Breadcrumb TrailA breadcrumb path that moves its middle crumbs into a menu when it runs out of width.
Drag To Dismiss ScreenA full-screen page that follows a downward drag, shrinks and fades, then leaves when released past a threshold.
Embedded Web BrowserA small browser inside the app, with an address bar, back, forward, reload and a line that fills while the page loads.
Full Screen Menu OverlayA full-screen menu that opens over the content and brings its links in one by one.
Navigation Path RouterA router that owns a NavigationPath so any view can push or pop screens by a typed value.
Page Dots IndicatorPage dots where the current one stretches into a capsule, following a paged TabView or scroll.
Scroll Spy HeaderA bar of chips that highlights the section at the top of a scroll view and jumps to a section when tapped.
Scroll To Top ButtonA floating button that appears after scrolling down and returns the scroll view to the top.
Search Scopes And SuggestionsA modifier that adds a search field with scope buttons and suggestion rows that narrow as you type.
Side DrawerA side menu that slides in and pushes the content away, with drag to open and close.
Sidebar Adaptive TabsThe same tabs as a bottom tab bar on iPhone and as a sidebar on iPad.
Tab Navigation State PreserveA tab bar where each tab keeps its own navigation path in one store, so switching back restores your place.
Two Pane Split LayoutA list and its detail that sit side by side on iPad and share one navigation stack on iPhone, on NavigationSplitView.
No component matches. Try fewer words, or clear the filters.