---
url: https://nsh.dev/ru/elements/alert-dialog
description: "AlertDialog: собственный алерт или лист действий платформы, который отображается нативно и возвращает действие, выбранное пользователем."
demo: https://nsh.dev/play/index.html#el-alert-dialog
---
# AlertDialog
`AlertDialog` показывает системное окно предупреждения или лист действий платформы: `UIAlertController` на iOS и Mac Catalyst, `AlertDialog` (или диалог со списком для листа действий) на Android и предупреждение в стиле диалогов платформы на остальных платформах. `AlertDialog.show` (`.show()` из `alert_dialog()` в Rust) возвращает промис (в Rust — future), который завершается значением `{ action }`: `id` действия, выбранного пользователем.
Все подписи задаёт приложение, поэтому предупреждение говорит то, что говорит ваше приложение, на его языке.
```rust
use nsh_base::{alert_dialog, button};
use nsh_core::prelude::*;
fn app() -> impl IntoElement {
let answer = signal(SharedString::from("–"));
let confirm = move || {
spawn(async move {
let choice = alert_dialog()
.title("Delete the photo?")
.description("This cannot be undone.")
.cancel("cancel", "Cancel")
.destructive("delete", "Delete")
.show()
.await;
let deleted = matches!(choice, Ok(r) if r.action.as_deref() == Some("delete"));
answer.set(if deleted { "deleted" } else { "kept" }.into());
});
};
view()
.flex_1()
.p_4()
.pt(px(48.0))
.gap_3()
.child(
button()
.on_press(confirm)
.rounded_lg()
.bg(rgb(0xdc2626))
.px_4()
.py_3()
.child(text("Delete…").text_color(white()).font_weight(FontWeight::SEMIBOLD)),
)
.child(text(answer))
}
```
```tsx
import { mount, signal, Text, View } from "nsh";
import { AlertDialog, Button } from "nsh/base";
function App() {
const answer = signal("–");
const confirm = async () => {
const { action } = await AlertDialog.show({
title: "Delete the photo?",
description: "This cannot be undone.",
actions: [
{ label: "Cancel", role: "cancel", id: "cancel" },
{ label: "Delete", role: "destructive", id: "delete" },
],
});
answer.set(action === "delete" ? "deleted" : "kept");
};
return (
{answer()}
);
}
mount(App);
```
Для диалогов с собственным внешним видом (карточка, лист, полноэкранный сценарий) используйте [Dialog](https://nsh.dev/translations/ru/elements/dialog.md).
## AlertDialog.show
```ts
AlertDialog.show(options: AlertDialogOptions): Promise
```
```rust
alert_dialog().title(..).description(..).action(..).cancel(..).destructive(..).show()
-> impl Future