Skip to content

SukiWindow

In SukiUI, SukiWindow replaces Window as the basis for building apps.

SukiWindow

Background Style

SukiUI let you choose between 3 distinct background option, from the "Bubble", perfect to enhance the glassmorphism design of the library to the classic "Flat" background.

Note that the background are dynamically created to match your color theme - Blue in this documentation.

Bubble

xml
<suki:SukiWindow  BackgroundStyle="Bubble">
    <!-- Content -->
<suki:SukiWindow/>

Dark

sukiwindow - dark

Light

sukiwindow - light

Gradient

xml
<suki:SukiWindow  BackgroundStyle="Gradient">
    <!-- Content -->
<suki:SukiWindow/>

Dark

sukiwindow - dark

Light

sukiwindow - light

Flat

xml
<suki:SukiWindow  BackgroundStyle="Flat">
    <!-- Content -->
<suki:SukiWindow/>

Dark

sukiwindow - dark

Light

sukiwindow - light

Functionalities

xml
    <suki:SukiWindow.LogoContent>
        <!-- Logo -->
    </suki:SukiWindow.LogoContent>
xml
<suki:SukiWindow IsMenuVisible="True">
    <suki:SukiWindow.MenuItems>
        <!-- Menu -->
    </suki:SukiWindow.MenuItems>
<suki:SukiWindow/>

Right TitleBar Control

xml
    <suki:SukiWindow.RightWindowTitleBarControls>
        <!-- Controls show on the right of title bar -->
    </suki:SukiWindow.RightWindowTitleBarControls>

See Also

Demo: SukiUI.Demo/SukiUIDemoView.axaml

API: Controls/SukiWindow.axaml.cs