About MessageLayout

Note: The messageLayout component replaces inlineMessage, which has been deprecated.

The messageLayout component lays out a prompt with an optional message type icon, indexed children, and an end child, and tip text and inline message (error, warning, or informational text) below the indexed children.

Prompt, asterisk, and icon before date field

To display an asterisk next to the prompt to indicate that user input is required, use the required attribute.

If a message type icon is used, the messageLayout destination is attached to the icon for linking to further information.

The indexed children can be an input component of any type (e.g., choice, date field), and as many indexed children as required can be inserted but typically only one indexed child is inserted. Use the end named child to add a component after the indexed children.

When multiple messageLayout components are placed inside a messageComponentLayout (or labeledFieldLayout), the prompts are right aligned.

Tip: If you need inline messaging around an input component that does not have an equivalent message<Component> element, wrap the input component in a messageLayout.