How to Customize the Grabber Appearance in the MAUI Bottom Sheet?

To customize the appearance of the grabber in the Syncfusion® .NET MAUI Bottom Sheet control, you can configure the visual properties directly in the XAML file of your .NET MAUI application.

The following example demonstrates how to use the listed properties to customize the grabber, enhancing both the appearance and interactivity of the bottom sheet’s drag handle:

• ShowGrabber - Enables users to interact with the Bottom Sheet.
• GrabberWidth - Specifies the width and height of the grabber element.
• GrabberCornerRadius - Customizes the corner radius of the grabber element.
• GrabberBackground - Customizes the background color of the grabber.
• GrabberAreaHeight - Adjusts the height of the drag area.

XAML:

<bottomSheet:SfBottomSheet x:Name="bottomSheet" ShowGrabber="True" GrabberHeight="12" 
                           GrabberWidth="50" GrabberCornerRadius="5" GrabberAreaHeight="100"
                           GrabberBackground="OrangeRed">
    <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 grabber in 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!