Alerts

A prominent alert component that captures attention with a solid yellow border, an exclamation mark icon, and customizable heading and description text.

A simple yet effective attention alert with a yellow background, an exclamation mark icon, and heading and description text.

A compact, attention-grabbing alert featuring a yellow bar along the left edge, an exclamation mark icon, a dismiss button, and customizable heading and description text.

A visually informative alert featuring a cyan-coloured left edge, an "i" icon, and customizable heading and description text.

A simple yet effective success notification featuring a light green background, a checkmark icon within a circular badge, and a concise message.

A visually striking success alert featuring a solid green banner background, a checkmark icon, and customizable heading and description text.

A visual success alert featuring a green border, a checkmark icon, a "View Status" button, and a "Dismiss" button.

A stylish success alert with a bordered green highlight, checkmark icon, message header, detailed text, and dismiss button.

A warning alert with a red background featuring an error message, a bulleted list displaying warnings or error details, and a prominent icon.

A warning alert with a red icon highlighting submission errors, including a bulleted list highlighting multiple warnings or errors for user correction.

A compact warning alert with a light red background featuring an error message and a small warning icon for immediate attention.