Navigation
9 components
Moving around an app: bars, tabs, breadcrumbs, pagination and steps.
AppBar
Sticky top bar. links: [{ href, label, active?, ...extraLinkProps }]. Also: brand, logo, brandHref, actions…
BackToTop
A button that appears once the page has scrolled past threshold px (300 by default) and scrolls back to the…
Breadcrumb
The last item is the current page. Supports linkComponent / linkProp for routers.
Menu
A menu of actions that opens from a trigger button, with icons, shortcut hints, dividers ({ key, divider: t…
Pagination
page is 1-based; onChange receives the new page. Add pageSizeOptions, pageSize and onPageSizeChange for a "…
ScrollProgress
Shows how far down the page the reader is, in two variants. bar (the default) is a thin line along the top …
SpeedDial
A floating action button that fans out related actions. It opens on hover, on click and from the keyboard, …
Stepper
current is the 0-based active step.
Tabs
items: [{ key, label, content?, disabled? }]. Controlled with value / onChange, or uncontrolled with
defaul…