components/components library

Classes

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.
AppNavigationBar
Bottom navigation bar built from AppNavItem icon/label entries.
AppNavItem
AppRadio
Themed radio button with an optional label.
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
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.
SelectionChip
A selection chip component that follows the TFN design system specification.
TextInput
Themed text form field with label, placeholder, helper/error text, and optional leading/trailing icons.
UserAvatar
ViewShell