Floating windows users can move, resize, minimize and maximize, with several open at once.
Why it helps
- Move and resize
- Minimize and maximize
- Several at once
Where it fits
- Tools
- Previews
- Desktop-style apps
Example
<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;
}A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.
Part of RayCraft Complete.