How to Customize the Appearance of the .NET MAUI Bottom Sheet?

This article demonstrates how to customize the appearance of the Syncfusion® .NET MAUI Bottom Sheet in a .NET MAUI application.
You can configure various properties of the Bottom Sheet to achieve a visually appealing design. Below are some of the properties:

• ContentPadding - Adds space between the content and the edges of the Bottom Sheet.
• Background - Sets the background color.
• CornerRadius - Rounds the corners of the Bottom Sheet.
• ContentWidthMode - Adjusts the width of the Bottom Sheet.
• BottomSheetContentWidth - Sets the actual width of the Bottom Sheet.

XAML:

<bottomSheet:SfBottomSheet x:Name="bottomSheet" ContentPadding="15" Background="LightCyan" 
                           CornerRadius="15, 15, 0, 0" ContentWidthMode="Custom" 
                           BottomSheetContentWidth="375">
    <bottomSheet:SfBottomSheet.BottomSheetContent>
        .   .   .
    </bottomSheet:SfBottomSheet.BottomSheetContent>
</bottomSheet:SfBottomSheet>

Output:

Download the complete sample from GitHub.

Conclusion

I hope you enjoyed learning how to customize the appearance of the .NET MAUI Bottom Sheet (SfBottomSheet).

Refer to our .NET MAUI Bottom Sheet feature tour page to learn about its other groundbreaking feature representations.
You can explore our .NET MAUI Bottom Sheet documentation to understand how to present and manipulate data.
Please let us know in the comments section if you have any queries or require clarification. You can also contact us by creating a support ticket. We are always happy to assist you!