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.

iOS 15.0+
macOS 13.0+
tvOS 16.0+
visionOS 1.0+
watchOS 11.0+

@MainActor struct OUDSInlineAlert

Mentioned In

Dialogs

Code samples

    // A inline alert with a label and the default neutral status
    OUDSInlineAlert(label: "Label")
    // From a localizable in a bundle
    OUDSInlineAlert(LocalizedStringKey("label_wording"), bundle: Bundle.module)

    // An inline alert
    OUDSInlineAlert(label: "Warning", status: .warning)

    // Add a custom icon for accent and neutral status
    OUDSInlineAlert(label: "Label", status: .accent(icon: OUDSIcon(asset: Image("ic_heart"))))
    OUDSInlineAlert(label: "Label", status: .neutral(icon: OUDSIcon(asset: Image("ic_heart"))))

Design documentation

unified-design-system.orange.com

Themes rendering

Orange

An inline alert component in light and dark modes with Orange theme

Orange Compact

An inline alert component in light and dark modes with Orange Compact theme

Sosh

An inline alert component in light and dark modes with Sosh theme

Wireframe

An inline alertcomponent in light and dark modes with Wireframe theme

Version
1.0.0 (Figma component design version)

Since
1.3.0

Topics

Initializers

Instance Properties

var body: some View