This question tests your knowledge of the dialog message components that are available in Redwood, which are used to interrupt the user and force them to make a decision. The correct answer is A, C, and E, because these are the three dialog message components that are available in Redwood. The other options are incorrect, becausethey are not dialog message components, but banner message components or page templates that can be used in different contexts. Here is a brief description of each dialog message component:

• oj-sp-message-dialog-destructive: This component is used to display a dialog message that warns the user about an irreversible action that will delete or destroy data. It has a red header with an icon and a title, a body with a message and an optional description, and two buttons for canceling or confirming the action.
• oj-sp-message-dialog-general: This component is used to display a dialog message that informs the user about an action that requires their confirmation or input. It has a blue header with an icon and a title, a body with a message and an optional description or input field, and one or more buttons for canceling or completing the action.
• oj-sp-message-unsaved-changes: This component is used to display a dialog message that alerts the user about unsaved changes that will be lost if they navigate away from the current page. It has a yellow header with an icon and a title, a body with a message and an optional description, and two buttons for discarding or saving the changes.

References: [Redwood Dialog Messages], [oj-sp-message-dialog-destructive], [oj-sp-message-dialog-general], [oj-sp-message-unsaved-changes]

The two tools that allow UI/UX Designers to reuse Redwood’s shared libraries and templates for projects and products are Figma and Adobe XD. These are popular design tools that support importing and exporting UI components, layouts, and styles. Redwood provides a toolkit for Figma and a plugin for Adobe XD that enable designers to access and use Redwood’s shared libraries and templates in their projects.

References: : Redwood Toolkit for Figma : Redwood Plugin for Adobe XD

The easiest way to ensure that your customer can access your page from a mobile phone is to do nothing. Responsive behavior will render the page properly on the device. This is because Redwood design system is built with responsiveness in mind, meaning that it adapts to different screen sizes and orientations automatically. The Foldout layout template, for example, will collapse the foldout panel on smaller devices and show it as a modal dialog when triggered.

References: : Responsiveness in Redwood Design System : Foldout Layout Page Template in Redwood Pattern Book