Skip to content
WORKSPACE · COMPLETE

DesktopShell

Give your application the feel of a desktop, with wallpaper and a taskbar.

Give your application the feel of a desktop, with a wallpaper layer and a taskbar at the bottom.

Why it helps

  • Wallpaper and taskbar
  • Desktop themes
  • Windows listed

Where it fits

  • Portals
  • Kiosks
  • Workspaces

Example

<DesktopShell ModuleName="Accounts" WallpaperColor="#0f6cbd" WallpaperColorEnd="#2b2b2b" Style="min-height: 22rem">
    <Start><Button Variant="Variant.Text" StartIcon="IconName.Menu">Start</Button></Start>
    <Center><Button Variant="Variant.Text" Size="Size.Small">Users</Button><Button Variant="Variant.Text" Size="Size.Small">Groups</Button></Center>
    <Tray><ThemeMenu /><LanguageToggle /></Tray>
    <ChildContent>
        <Card Title="Welcome">Content cards sit on the wallpaper. Choose Desktop or Mist in the theme menu to see the taskbar with glass surfaces.</Card>
    </ChildContent>
</DesktopShell>

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Part of RayCraft Complete.

All controls ยท Documentation