components/components library

Classes

AppBarAction
AppButton
Themed button with elevated, filled, outline, and text styles.
AppCardListItem
A card-style list item with a label and forward arrow icon.
AppCheckbox
Themed checkbox with an optional label.
AppCircularProgressIndicator
A circular progress indicator that shows an arc ring.
AppLinearProgressIndicator
A linear progress indicator that shows a horizontal bar.
AppListItem
A simple list item with optional top label, bottom label, and leading icon.
AppMenuItem
Tappable menu row with a label, optional leading/trailing icons, supporting text, and divider.
AppMenuSurfaceStyle
Scopes a subtree of AppMenuItems onto the dark menu surface.
AppNavigationBar
Bottom navigation bar built from AppNavItem icon/label entries.
AppNavItem
AppRadio
Themed radio button with an optional label.
AppShellScope
App-level chrome injected into the design-system shell from the host app.
AppSwitch
Themed toggle switch with an animated thumb and optional label.
AppTab
AppTabs
Horizontal tab bar built from AppTab items with a selected index.
AppTooltip
Themed tooltip bubble displaying a short text message.
AuthShell
CellphoneInput
Phone number field wrapping TextInput with a country selector.
ContainerCard
Country
FilterChip
A filter chip component that follows the TFN design system specification.
Loader
LoaderState
LogoBanner
MessageCard
An inline status banner — success, error, warning, or info — with a leading icon, a message, an optional title/subtitle, and an optional dismiss button.
NotificationBadge
OnlineStatusBadge
PasswordInput
Password text field wrapping TextInput with obscured text and a show/hide visibility toggle.
ResponsiveImage
SearchInput
Search field wrapping TextInput with a leading search icon and a trailing clear button or loading indicator.
SecondaryButton
SelectionChip
A selection chip component that follows the TFN design system specification.
StandardPageLayout
A page-level layout that wraps StandardScaffold with a conventional content frame: a PageHeader (title, optional back button and actions), an optional filters card, the main body, and optional footer actions — all laid out with responsive padding and inline error/success messaging.
StandardScaffold
Presentation-only application shell: app bar, optional navigation drawer, body frame and loading overlay. It is deliberately free of navigation, provider and other app-service coupling — the host app injects:
StandardScaffoldState
TextInput
Themed text form field with label, placeholder, helper/error text, and optional leading/trailing icons.
UserAvatar
ViewShell

Extensions

ResponsiveBreakpoints on BuildContext
Extension to provide responsive breakpoint checks