Window

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

Защо помага

• Преместване и преоразмеряване
• Минимизиране и максимизиране
• Няколко наведнъж

Къде пасва

• Инструменти
• Прегледи
• Приложения в стил работен плот

Пример

    <Button OnClick="() => _notes = true">Notes</Button>
    <Button Variant="Variant.Outlined" OnClick="() => _log = true">Activity log</Button>

<Window @bind-Open="_notes" Title="Notes" Left="80" Top="120" Width="360" Height="240" PersistKey="docs-notes">
    <ChildContent><TextField @bind-Value="_text" Lines="6" Label="Your notes" /></ChildContent>
    <Footer><Button Size="Size.Small" OnClick="() => _notes = false">Done</Button></Footer>
</Window>

<Window @bind-Open="_log" Title="Activity log" Left="200" Top="200" Width="380" Height="260">
    <List>
        <ListItem>Signed in</ListItem>
        <ListItem>Opened the report</ListItem>
        <ListItem>Exported the data</ListItem>
    </List>
</Window>

@code {
    private bool _notes;
    private bool _log;
    private string? _text;
}

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

Част от RayCraft Complete.

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