Skip to content
Error
Overview
A dynamic error message display block that renders error text from an Alpine.js store. Provides customizable styling options including text color, font family, size, alignment, and responsive visibility controls.
Common use cases
- Enable max_width (default: true) for better readability of error messages
- Consider the context where errors will appear when choosing text color and size
- Use appropriate padding settings based on surrounding content
- Display validation and system error messages throughout your theme
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals visibility settings | Checkbox (default: false) |
Spacing
| Setting | Description | Options |
|---|---|---|
| Enable horizontal padding | Adds horizontal padding around the content | Checkbox (default: false) |
| Enable top padding | Adds top padding around the content | Checkbox (default: false) |
| Enable bottom padding | Adds bottom padding around the content | Checkbox (default: false) |
Color
| Setting | Description | Options |
|---|---|---|
| Text color | Controls the text color | • Default (default) |
Style
| Setting | Description | Options |
|---|---|---|
| Font family | Controls the font family used for the text | • Standard |
| Font size | Controls the font size of the text | • Smaller |
Layout
| Setting | Description | Options |
|---|---|---|
| Horizontal alignment | Controls horizontal text alignment | • Left (default) |
| Enable max width | Limits the maximum width of the text content | Checkbox (default: true) |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |