Components/Message Strip

Message Strip is a component that enables the embedding of application-related messages in the application. They are useed to draw the user’s attention to information that is important in the context of the page content. This could be a warning or a change of state, that would be easy to miss it.

**Use the message strip if:** - You want to provide information within the detail area of an object. - You want to inform your user about a status of an object. - You want to warn your user about an issue. **Do not use the message strip if:** - You want to display information within the object page header, a control, in the master list, or above the page header. - Container - holds the icon, text and Close button. - Icon (optional) - graphic element within the component. Use the modifier class \ **Use the message strip if:** - You want to provide information within the detail area of an object. - You want to inform your user about a status of an object. - You want to warn your user about an issue. - You want to display information within the object page header, a control, in the master list, or above the page header.

The default message strip can be used for general messages that don’t fit into any of the semantic type use cases.

To display an information message strip, add the `fd-message-strip--information` modifier class to the main element.

To display a success message strip, add the `fd-message-strip--success` modifier class to the main element.

To display a warning message strip, add the \

To display the error message strip, add the \

To display message strip without an icon, add the `fd-message-strip--no-icon` modifier class to the main element. Add the `fd-message-strip--dismissible` modifier class if the element is dismissible.

To display message strip without an icon, add the `fd-message-strip--no-icon` modifier class to the main element.

The Link inside Message Strip has additional styling. Add the fd-message-strip--link modifier class if the message contains a link element. The MessageStrip can include multiple links—not just one. This allows applications to provide additional context or actions related to the message, such as links to: Other apps where the issue originated Apps where the issue can be resolved Related objects or specific sections Help documentation

The message strip can be customized by changing the status icon. Check <a href=

If the application needs a custom Message Strip, other than the semantic variations, then the colours from Inverted Object Status/Tag control should be used. Use the modifier classes \