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: Feedback

Notice message to emit a strong feedback

Notice Inner: Feedback

Notice message to request feedback

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.

Status
active
Switch component view

GitHub: o-message@5.4.2

Install o-message

If using the Build Service, add o-message@^5.4.2 to your script and link tags.

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

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