Alert

Displays an alert message with 3 different statutes.

Frontmatter

blocks:
  - type: alert
    text: '' # markdown
    state: '' # [danger, dark, info, light, primary, secondary, success, warning]
    title: '' # string (optional)
    icon: '' # string, icon name (optional)
    ui: {} # (optional)
      theme: '' # [accent, black, dark, highlight, light, neutral, white] (optional)
      grid: '' # [xsmall, small, medium, large, container, full] (optional)
      offset: '' # [start, center, end] (optional)
      align: '' # [start, center, end] (optional)

The message sits at the root as text, not inside a heading — though a heading above it is still rendered if you add one. Available state values are declared per project in params.admin.fields.state.options.

See Common keys for heading, footing and the full ui reference.

Demo visual renderer

Files

CMS availability

CMS	Hugolify Admin v2
CloudCannon	Available
Decap CMS	Available
Netlify CMS	Available
Pages CMS	Available
Static CMS	Available
Sveltia CMS	Available
Tina CMS	Available