composer require nativephp/mobile-dialog

use Native\Mobile\Facades\Dialog;
use Native\Mobile\Events\Alert\ButtonPressed;
 
// Simple alert
Dialog::alert('Hello', 'Welcome to our app!');
 
// Alert with custom buttons
Dialog::alert('Confirm', 'Are you sure?', ['Cancel', 'Delete'])
    ->id('delete-confirm')
    ->show();
 
// Listen for button press
#[OnNative(ButtonPressed::class)]
public function handleButton($index, $label, $id = null)
{
    if ($id === 'delete-confirm' && $label === 'Delete') {
        $this->deleteItem();
    }
}

import { dialog, on, off, Events } from '#nativephp';
 
// Simple alert
await dialog.alert('Hello', 'Welcome to our app!');
 
// Alert with custom buttons
await dialog.alert('Confirm', 'Are you sure?', ['Cancel', 'Delete'])
    .id('delete-confirm');
 
// Listen for button press
const handleButton = (payload) => {
    const { index, label, id } = payload;
    if (id === 'delete-confirm' && label === 'Delete') {
        deleteItem();
    }
};
 
on(Events.Alert.ButtonPressed, handleButton);

use Native\Mobile\Facades\Dialog;
 
// Short toast (2 seconds)
Dialog::toast('Item saved!', 'short');
 
// Long toast (4 seconds) - default
Dialog::toast('Processing complete');

import { dialog } from '#nativephp';
 
// Short toast
dialog.toast('Item saved!', 'short');
 
// Long toast (default)
dialog.toast('Processing complete');

Dialog::alert('Title', 'Message', ['OK', 'Cancel'])
    ->id('my-alert');

Dialog::alert('Title', 'Message')
    ->event(MyCustomEvent::class);

Dialog::alert('Title', 'Message')
    ->id('confirm-action')
    ->remember();
 
// Later, in event handler
$alertId = \Native\Mobile\PendingAlert::lastId();

Dialog::alert('Title', 'Message')->show();

use Native\Mobile\Attributes\OnNative;
use Native\Mobile\Events\Alert\ButtonPressed;
 
#[OnNative(ButtonPressed::class)]
public function handleButton($index, $label, $id = null)
{
    match($label) {
        'Delete' => $this->delete(),
        'Cancel' => null,
        default => null,
    };
}

import { on, off, Events } from '#nativephp';
import { onMounted, onUnmounted } from 'vue';
 
const handleButton = (payload) => {
    const { index, label, id } = payload;
    if (label === 'Delete') {
        deleteItem();
    }
};
 
onMounted(() => on(Events.Alert.ButtonPressed, handleButton));
onUnmounted(() => off(Events.Alert.ButtonPressed, handleButton));