A simple notice box that can be configured to different states. It has options for dismissing and icon. This could be expanded on, but for now has simple color and styling options built in for ease.
This is a warning
Telex project is here.
Prompt
Create a WordPress Alert/Notice block with four alert types using semantic colors: Info (blue), Success (green), Warning (yellow), Error (red). Include an optional title field and main message content area with RichText components for editing.
In the editor, display the alert with full styling preview including colors, icons, and borders. Provide sidebar controls for alert type selection, icon visibility toggle, dismissible close button toggle, border style options (solid, left accent, none), background opacity slider, and text alignment.
On the frontend, render the styled alert with proper ARIA roles and labels for accessibility. When dismissible is enabled, include a functional close button that removes the alert via JavaScript and supports keyboard navigation.
Use universally recognized icons (info circle, checkmark, exclamation triangle, X symbol) that complement the color coding for colorblind accessibility. Apply WordPress-native typography and spacing with clean visual hierarchy that matches admin design patterns.