This document outlines the style classes for the Error Fallback component, which is displayed when a critical error occurs in the application.
| Class Name | Type | Purpose |
|---|---|---|
| .app-error-fallback | View | To style the outermost wrapper of the error fallback component. |
| .app-error-fallback-info-container | View | To style the container for informational content (image, text). |
| .app-error-fallback-image-container | View | To style the wrapper for the error image. |
| .app-error-fallback-image | Image | To style the error image itself. |
| .app-error-fallback-error-card | View | To style the card that displays the primary error message. |
| .app-error-fallback-error-card-row | View | To style the row containing the error icon and label. |
| .app-error-fallback-toggle-button | View | To style the touchable area for showing/hiding error details. |
| .app-error-fallback-stack-card | View | To style the card that displays the error stack trace. |
| .app-error-fallback-stack-header | View | To style the header of the stack trace card. |
| .app-error-fallback-stack-container | View | To style the scrollable container for the stack trace. |
| .app-error-fallback-button-container | View | To style the container for the action buttons (Go to Home, Go Back). |
These classes target specific elements within the error fallback component, allowing for more granular styling.
| Class Name | Type | Purpose |
|---|---|---|
| .error-fallback-title | WmLabel | To style the main "Something went wrong" title. |
| .error-fallback-subtitle | WmLabel | To style the "Please try again" subtitle. |
| .error-fallback-error-icon | WM Icon | To style the error icon within the error card. |
| .error-fallback-error-label | WmLabel | To style the "Error:" label. |
| .error-fallback-error-message | WmLabel | To style the detailed error message text. |
| .error-fallback-toggle-heading | WmLabel | To style the "Show/Hide Error Details" text. |
| .error-fallback-toggle-icon | WM Icon | To style the arrow icon for toggling error details. |
| .error-fallback-stack-title | WmLabel | To style the "Error Stack:" title. |
| .error-fallback-copy-icon | WM Icon | To style the copy-to-clipboard icon. |
| .error-fallback-copied-icon | WM Icon | To style the icon when the stack trace has been copied. |
| .error-fallback-stack-text | WmLabel | To style the error stack trace text. |
| .error-fallback-component-stack-title | WmLabel | To style the "Component Stack:" title. |
| .error-fallback-gotohome-btn | WmButton | To style the "Go to Home" button. |
| .error-fallback-goback-btn | WmButton | To style the "Go Back" button. |
