OudsActionCard class

OUDS Action Container Card design guidelines

Reference design version: 1.0.0.

An action container card is a surface-like UI element that groups related information within an interactive surface and allows a user to perform a single primary action or navigate to a destination.

A null onPressed or false enabled disables the card. A loader replaces content without changing layout and temporarily prevents activation. Corner rounding is shared with content cards through OudsThemeConfigModel(card: OudsCardConfig(rounded: true), child: ...).

The following parameters are available:

• child: Presentation-only content with caller-defined layout and padding.
• onPressed: The primary action; null disables the card.
• style: Style of the card among OudsCardStyle values, filled by default.
• enabled: Whether the primary action is available.
• backgroundColor: The Background controls the visibility of the predefined layer within the Card component.
• divider: Whether filled cards have a bottom divider. Ignored for other styles.
• loader: Replaces the content while an operation is in progress.
• skeleton: A placeholder displayed instead of the card while content is loading.
• semanticsLabel: A concise, localized accessible name describing the card's action.

OudsActionCard(
  semanticsLabel: 'View your mobile plan',
  onPressed: () {},
  style: OudsCardStyle.elevated,
  child: Text('200 GB plan'),
)