---
tags: components
title: Alerts
description: "Alert components for important messages requiring user attention. Includes info, success, warning, and error variants with optional actions."
---

.alert-container
  .alert
    .alert-message Alert
    %button.close
      .icon.icon-cross
  .alert.alert-info
    .alert-message Info Alert
    %button.close
      .icon.icon-cross
  .alert
    .alert-message Alert with button
    %button.btn.btn-white Alert action
    %button.close
      .icon.icon-cross
  .alert.alert-success
    .alert-message Success Alert
    %button.close
      .icon.icon-cross
  .alert.alert-warning
    .alert-message Warning Alert
    %button.close
      .icon.icon-cross
  .alert.alert-error
    .alert-message Error Alert
    %button.close
      .icon.icon-cross