Customization in WinUI Shadow

5 Jul 20223 minutes to read

This section explains the customization features available in the WinUI Shadow control.

Applying Color for shadow

The shadow color can be customized using the Color property. The default value of the Color property is Black color with a 25% alpha value.

<syncfusion:SfShadow Color="Red">
   <Button Height="50" Width="100" Content="Button"/>
</syncfusion:SfShadow>
SfShadow shadow = new SfShadow();
shadow.Color = Color.FromArgb(255, 255, 0, 0);
   
Button button = new Button(); 
button.Height = 50;
button.Width = 100;
button.Content = "Button";
shadow.Content = button;

Color customization in WinUI Shadow control

Applying BlurRadius for shadow

The blur level of the shadow effect can be customized using the BlurRadius property. The default value of BlurRadius property is 8.

<syncfusion:SfShadow BlurRadius="10" OffsetX="10" OffsetY="10">
   <Button Height="50" Width="100" Content="Button"/>
</syncfusion:SfShadow>
SfShadow shadow = new SfShadow();
shadow.BlurRadius = 10;
shadow.OffsetX = 10;
shadow.OffsetY = 10;

Button button = new Button();
button.Height = 50;
button.Width = 100;
button.Content = "Button";
shadow.Content = button;

BlurRadius customization in WinUI Shadow control

Applying CornerRadius for shadow

The corner radius of the shadow can be customized using the ShadowCornerRadius property. The default value of ShadowCornerRadius property is 0.

<syncfusion:SfShadow ShadowCornerRadius="10" OffsetX="10" OffsetY="10">
   <Button Height="50" Width="100" Content="Button" CornerRadius="10"/>
</syncfusion:SfShadow>
SfShadow shadow = new SfShadow();
shadow.ShadowCornerRadius = 10;
shadow.OffsetX = 10;
shadow.OffsetY = 10;
   
Button button = new Button(); 
button.Height = 50;
button.Width = 100;
button.Content = "Button";
button.CornerRadius = 10;
shadow.Content = button;

CornerRadius customization in WinUI Shadow control

Positioning the shadow

The position of the shadow can be customized using the OffsetX and OffsetY properties. The default value of the OffsetX and OffsetY properties is 4.

<syncfusion:SfShadow OffsetX="10" OffsetY="10">
   <Button Height="50" Width="100" Content="Button"/>
</syncfusion:SfShadow>
SfShadow shadow = new SfShadow();
shadow.OffsetX = 10;
shadow.OffsetY = 10;
   
Button button = new Button(); 
button.Height = 50;
button.Width = 100;
button.Content = "Button";
shadow.Content = button;

Positioning in WinUI Shadow control