components library

The Eufemia components are a set of widgets that are built from scratch and as specified by the Eufemia design system. All components are ready to use as children of the Eufemia widget, and require no additional setup.

For usage examples, check the example app

Classes

Bar
A higher-order Bar widget that can be used to display any kind of bar.
BottomBar
A bottom app bar from the Eufemia design system.
BottomSheetService
A wrapper around helper methods for showing native bottom sheets.
CardBase
A plain base/background for a PaymentCard
Cell
A list cell from the Eufemia design system.
CellAction
An action to display as a result of platform gestures on a Cell.
Checkmark
A checkmark from the Eufemia design system.
ColoredIcon
A widget wrapping its child with a colored box.
ContentCard
A card from the Eufemia Design System.
DialogAction
An action to use with system dialogs.
DialogService
A wrapper around helper methods for showing system dialogs.
EufemiaButton
A generic button from the Eufemia design system used as a base for all buttons.
EufemiaButtonState<T>
A generic button state class used to provide different values for different states of an EufemiaButton
EufemiaButtonStyle
A style class for EufemiaButton that wraps EufemiaButtonState instances for the decorative parameters of a button.
EufemiaButtonTheme
A widget that provides its children with a EufemoaButtonThemeData instance.
EufemiaButtonThemeData
The ovverarching theme data each EufemiaButton derives its properties from.
EufemiaFloatingActionButton
A floating action button (FAB) from the Eufemia design system.
EufemiaIconData
Static access class for EufemiaIcons data.
EufemiaIcons
A wrapper around all possible EufemiaIconData code points.
EufemiaPrimaryButton
A primary button from the Eufemia design system.
EufemiaSecondaryButton
A secondary button from the Eufemia design system.
EufemiaSlider
Adaptive slider from the Eufemia Design System
EufemiaSwitch
Switch from the Eufemia design system.
EufemiaTab
Tab from the Eufemia design system.
EufemiaTabBar
A tab bar from the Eufemia design system.
EufemiaTextButton
A text button from the Eufemia design system.
EufemiaVividButton
A vivid button from the Eufemia design system.
Flag
A flag illustration widget from the Eufemia design system.
FlagData
Wrapper for flag illustrations
GradientWidget
A widget masking its child with a gradient. Can be used for overlay effects like fades, color gradients etc.
InputField
An input field from the Eufemia design system.
A logo from the Eufemia design system.
LogoData
Static class wrapping asset paths for logo data
MessageBox
A message box from the Eufemia design system.
ModalAction
Helper class for actions to show on a modal sheet
A header or navigation bar from the Eufemia design system.
PageIndicator
Page indicator from the Eufemia Design System
PaymentCard
A payment card widget from the Eufemia design system
PaymentCardBackContent
A configuration class that defines the back side of a PaymentCard.
PaymentCardFrontContent
A configuration class that defines the front side of a PaymentCard.
PickerAction
An action to be used with a picker component.
PickerService
A wrapper around helper methods for picker components.
ScrollableList
A wrapper around ListView with Eufemia-specific customizations.
SearchField
Search bar from the Eufemia design system.
SegmentedControl<T>
An adaptive segmented control from the Eufemia design system.
Shimmer
A shimmer/skeleton placeholder component from the Eufemia design system.
Snacks
Wrapper around SnackBar helper methods.
Spinner
A spinner from the Eufemia design system.
StaticList
A static (non-scrollable) list from the Eufemia design system.
Tag
Tag from the Eufemia design system
Toggle
Toggle label from the Eufemia Design System
Toolbar
A toolbar from the Eufemia design system.
UpdateIcon
An adaptive illustration to signal an available update.

Extensions

EufemiaButtonSizeExtensions
An extension that converts Eufemia-specific values to default Flutter-friendly values
EufemiaContextExtension
Quality-of-life extensions on BuildContext.
Extra
BuildContext extensions for performing SnackBar-related actions on the context instance.
Snack
SnackBar extension simplifying tasks like showing a SnackBar in a given context or ScaffoldState.

Constants

goldenRatio → const double
{@category Components} {@subCategory Graphics} The golden ratio. In mathematics, two quantities are in the golden ratio if their ratio is the same as the ratio of their sum to the larger of the two quantities.
1.618

Functions

adaptiveShadows(BuildContext context, {double spreadRadius, double blurRadius, Offset offset}) List<BoxShadow>
Creates a shadow based on the current EufemiaPalette's shadow colors.

Enums

CardDesign
A pre-defined card design for PaymentCard widgets
A type of card issuer logo to display
CardPreset
A pre-defined preset of a DNB credit/debit-card
CardProgram
Different DNB memberships available
CardType
A card issuer and type combination
EufemiaButtonSize
The size of the EufemiaButton, according to the Eufemia specifications
InputState
A state for an InputField.