Et flytende panel for ekstra detaljer, tett på hånden: åpnes av en aktivator, lukkes med Escape eller et klikk utenfor.
Hvorfor det hjelper
- Tett på hånden
- Escape og klikk utenfor
- Blir innenfor vinduet
Hvor det passer
- Detaljer
- Filtre
- Hjelp
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.