Popover

Et flydende panel til ekstra detaljer, ved hånden: åbnet af en aktivator, lukket med Escape eller et klik udenfor.

Hvorfor det hjælper

• Ved hånden
• Escape og klik udenfor
• Bliver inden for vinduet

Hvor det passer

• Detaljer
• Filtre
• Hjælp

Eksempel

<Popover @bind-Open="_open">
    <Activator><Button Variant="Variant.Outlined">Settings</Button></Activator>
    <ChildContent>
        <Stack Direction="StackDirection.Column">
            <Switch @bind-Value="_notify" Label="Notifications" />
            <Button Size="Size.Small" OnClick="() => _open = false">Done</Button>
        </Stack>
    </ChildContent>
</Popover>

@code {
    private bool _open;
    private bool _notify = true;
}

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller · Dokumentation