Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

.NET MAUI BottomSheet Custom Appearance

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

BackgroundColor
Specifies 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.

GrabberHeight
Defines the drag handle height.
GrabberWidth
Defines the drag handle width.
GrabberOffset
Defines 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).

CornerRadius = 30 CornerRadius = 70
DevExpress BottomSheet for MAUI - CornerRadius = 30 DevExpress BottomSheet for MAUI - CornerRadius = 70
Padding
Gets or sets the padding between Bottom Sheet edges and content. This is a bindable property.

This example customizes the BottomSheet‘s appearance:

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