Dialog

Фокусирани диалози, които държат потребителите на правилния път. Фокусът влиза вътре, остава там до затварянето на диалога и се връща където е бил.

Защо помага

• Фокусът е управляван
• Затваряне с Escape и фон
• Показва всеки компонент

Къде пасва

• Потвърждения
• Форми за редактиране
• Въпроси

Пример

<Button OnClick="() => _open = true">Open dialog</Button>

<Dialog @bind-Open="_open" Title="Delete item?">
    <ChildContent>This action cannot be undone.</ChildContent>
    <Actions>
        <Button Variant="Variant.Outlined" OnClick="() => _open = false">Cancel</Button>
        <Button OnClick="() => _open = false">Delete</Button>
    </Actions>
</Dialog>

@code {
    private bool _open;
}

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли · Документация