Message

Contextual message blocks with independent header and body tags.

Bulma Pattern

This wrapper follows Bulma's Components markup. Compare class behavior with the official Bulma docs.

Supported tags

Example

<message info>
  <message-header>
    <p>Status</p>
  </message-header>
  <message-body>
    Deployment completed successfully.
  </message-body>
</message>

Usage Notes

Color modifiers include `info`, `success`, `warning`, and `danger`.
Header and body are explicit tags for clearer structure.
Supports Bulma size variants (`small`, `medium`, `large`).

Back to Components

Maintained by aldi

The source code is licensed under MIT.

Available on GitHub and npm.