Messages communicate page-level feedback—success, warnings, or contextual help. Structure: message plus color modifiers (is-success, is-warning, is-danger), optional message-header, and message-body.
Compared to Bootstrap alerts
Bootstrap’s alert is a single block; Bulma splits header and body so you can title a message (“Payment failed”) separately from details. For inline status chips, use notification or tag components later in this track.
Accessibility
- Do not rely on color alone—include explicit text (“Success”, “Error”).
- Important live updates can use
role="alert"when appropriate. - Dismissible patterns need a visible control with an accessible name—Bulma does not ship JS for close buttons.
Self-check
- Which element wraps the main paragraph inside a message?
- When is a message more appropriate than a tag?