We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The .NET WinUI Shadow control is used to apply shadow effects to framework elements to give them an appearance of depth, allowing users to easily differentiate overlapping elements and enjoy a beautiful and appealing user interface.

WinUI Shadow for button.


Applying shadow effects

Apply a shadow to shapes, paths, images, and any type of framework element.

WinUI Shadow for images.

Shadow effect in images

Apply a shadow effect to any shape of an image, including squares, circles, and other irregular shapes.

WinUI Shadow for paths.

Shadow effect in paths

Apply a shadow effect to any type of path or shape.


Shadow customization

A shadow effect can be customized as follows.

WinUI Shadow color.

Shadow color

Customize the color of the shadow.

WinUI Shadow blur radius.

Shadow blur radius

Customize the blur level of the shadow.

WinUI Shadow offset.

Shadow offset

Customize the position of the shadow relative to the position of the view.

WinUI Shadow corner radius.

Shadow corner radius

Customize the corner radius of the shadow.


WinUI Shadow Code Example

Easily get started with the WinUI Shadow using a few simple lines of XAML and CS code example as demonstrated below. Also explore our WinUI Shadow Example that shows you how to apply shadow effects for controls in WinUI.

<Page
    x:Class="GettingStarted.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GettingStarted"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:syncfusion="using:Syncfusion.UI.Xaml.Core"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid>
      <syncfusion:SfShadow>
         <Button Height="50" Width="100" Content="Button"/>
      </syncfusion:SfShadow>
    </Grid>
</Page>
// Creating an instance of the Shadow control.
SfShadow shadow = new SfShadow();

// Setting the SfShadow content value.
Button button = new Button();
button.Height = 50;
button.Width = 100;
button.Content = "Button";
shadow.Content = button;


Syncfusion WinUI DataViz & UI Controls

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile