ErrorSectionErrors can be either a technical issue (offline, server error), or product related (permission missing, content locked). Display section errors in case a specific module can’t be properly displayed.

UX Guidelines

Overview

Error SectionMay be used used a default error. Used when screen section or a module can’t be loaded. May include a CTA and a link.

Offline State“Offline” can be considered as an error, despite being a temporary state. Offline error can be displayed as a screen error or a section error. Providing a CTA is unnecessary, since the app will refresh automatically once the connectivity is reestablished.

Spec

Dev

APIThis is the list of additional props for the component

buttonLabel

string

Override the default label of the button

containerStyle

StyleProp<ViewStyle>

Additional style to section container

contentContainerStyle

StyleProp<ViewStyle>

Additional style to content section

imageSource

ImageProps['source']

The image source

isConnected

boolean

Connection status

isCriticalError

boolean

Indicated if the error is critical, change the icon color to red

markedValue

string

The value that should be marked in the message

message

string

Override the default message of the error section

onPress

() => void

Actions handler to be sent to the Button

resource

string

The resource that failed to load

testID

string

Test Id for component

title

string

Override the default title of the error section