OudsInlineAlert
Inline alert is a lightweight UI element, placed in the content flow, that displays information, system feedback, status changes throughout short, prominent, persistent and non actionable communication. Inline alert includes functional icon and semantic colour, and does not include a close button and/or action link. Inline alert does not disappear and remains visible.
Design
| Guidelines | unified-design-system.orange.com |
| Version | 1.0.0 |
Parameters
Label displayed in the inline alert. Main message that should be short, clear, and readable at a glance.
Modifier applied to the inline alert.
The status of the inline alert. Its background color and its icon color are based on this status. There are two types of statuses:
Non-functional statuses (OudsInlineAlertStatus.Neutral or OudsInlineAlertStatus.Accent) used for informational or decorative messages not tied to system logic. They are flexible in tone and visual expression, allowing the use of custom or brand-related (decorative) icons depending on context. These alerts help highlight content or support communication in a subtle, branded way.
Functional statuses communicate specific system statuses, results, or warnings tied directly to UX logic or user actions: OudsInlineAlertStatus.Positive, OudsInlineAlertStatus.Warning, OudsInlineAlertStatus.Negative, OudsInlineAlertStatus.Info. These alerts follow strict semantic conventions for icon, color, and tone — ensuring clear, accessible communication across all digital products. Each type has a dedicated, standardized icon that expresses its meaning clearly.
Samples
OudsInlineAlert(
label = "Label",
status = OudsInlineAlertStatus.Accent(OudsAlertIcon.Default)
)OudsInlineAlert(
label = "Label",
status = OudsInlineAlertStatus.Positive
)