Year Nav
Year switcher used on Tracking, Budget, and Spending.
Link navigation
Each year links to `${baseUrl}/${year}`.
Controlled
Pass onYearChange to keep year state in the parent.
Developer
import { YearNav } from "@financial-tracking/design-system"API reference
| Prop | Type | Default |
|---|---|---|
yearsRequired. Years to show as pills. | number[] | — |
activeYearRequired. Highlighted year. | number | — |
baseUrlRequired. Link href prefix when onYearChange is omitted (`${baseUrl}/${year}`). | string | — |
onYearChangeWhen set, clicks call this instead of navigating. | (year: number) => void | — |