Alert

نصب

pnpm dlx @simurgh-ui/cli add alert

import { Alert } from '@simurgh-ui/react/alert';
import { Alert as VueAlert } from '@simurgh-ui/vue/alert';
import { AlertComponent } from '@simurgh-ui/angular/alert';
import '@simurgh-ui/styles/alert.css';

پیش‌نمایش واقعی

Live component Alert ◆

Profile updatedYour public information was saved successfully.

استفاده

<Alert>
  <strong>پروفایل به‌روزرسانی شد</strong>
  <p>تغییرات شما ذخیره شد.</p>
</Alert>

همین ساختار در Vue با <Alert> و در Angular با <simurgh-alert> استفاده می‌شود.

رفتار

در حالت عادی Alert دارای role="status" و aria-live="polite" است. با urgent به role="alert" و اعلان assertive تبدیل می‌شود.

<Alert urgent>
  اتصال قطع شد. تغییرات ذخیره نشده‌اند.
</Alert>

دسترس‌پذیری

Alert را فقط هنگامی mount یا update کنید که پیام جدیدی برای اعلام وجود دارد. پیام فوری را برای خطری نگه دارید که نیازمند توجه همان لحظه است. focus را بدون دلیل به Alert منتقل نکنید و معنا را فقط با رنگ یا icon منتقل نکنید.

Prop/Input	Type	پیش‌فرض
urgent	boolean	false

Last verified on 2026-08-13 against Simurgh registry 0.1.1.