.NET MAUI BottomSheet Custom Appearance

• Jul 25, 2024

The BottomSheet contains the following properties that allow you to configure component appearance:

BackgroundColorSpecifies the BottomSheet’s background color.GrabberColor

Gets or sets the Bottom Sheet’s grabber color. This is a bindable property.

Use the ShowGrabber property to manage the grabber visibility.

GrabberHeightDefines the drag handle height.GrabberWidthDefines the drag handle width.GrabberOffsetDefines the drag handle offset.CornerRadius

Gets or sets the Bottom Sheet’s corner radius. This is a bindable property.

If you want to make upper corners smoother and rounder, set the CornerRadius property to a value greater than 28 (default).

PaddingGets or sets the padding between Bottom Sheet edges and content. This is a bindable property.

This example customizes the BottomSheet‘s appearance:

• XAML

<dxc:BottomSheet ...
                BackgroundColor="White"
                ShowGrabber="True"
                GrabberColor="Gray"
                CornerRadius="70"
                Padding="30">
    <!--...-->
</dxc:BottomSheet>