Origami Frontend Components & Services

Demos: o-message

Alert: Success

Alert message for a positive response to an action

Alert Inner: Success

Alert message for a positive response to an action, styled to fit within another container

Alert: Neutral

Alert message for an informative response to an action

Alert Inner: Neutral

Alert message for an informative response to an action, styled to fit within another container

Alert: Error

Alert message for a negative response to an action

Alert Inner: Error

Alert message for a negative response to an action, styled to fit within another container

Notice: Inform

Notice message to convey information

Notice Inner: Inform

Notice message to convey information, styled to fit within another container

Notice: Warning Light

Notice message to emit a light warning

Notice Inner: Warning Light

Notice message to emit a light warning, styled to fit within another container

Notice: Warning

Notice message to emit a strong warning

Notice Inner: Warning

Notice message to emit a strong warning, styled to fit within another container

Notice: Feedback

Notice message to emit a strong feedback

Notice Inner: Feedback

Notice message to request feedback

Action: Inform Inverse

Action message, displaying a call to action

Alert: Custom

Sass users may customise alert messages. See the README for more information.

Notice: Custom

Sass users may customise notice messages. See the README for more information.

Action: Custom

Sass users may customise action messages. See the README for more information.

Status
active
Switch component view

GitHub Repository

Install o-message

If using the Build Service, add o-message@^5.0.1 to your script and link tags. Ensure the correct brand is set with a query parameter &brand=internal.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-message@^5.0.1".

Help & Support

o-message is maintained directly by the Origami team. If you have any questions about o-message or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com