Back to all docs
API Reference / Telerik.Maui.Controls / RadBottomSheet
New to Telerik UI for .NET MAUI? Start a free 30-day trial

RadBottomSheet

Class

Represents a customizable bottom sheet control with predefined states (Full, Partial, Minimal, Hidden). Provides bindable properties for content and state, supports animated transitions between states, and handles user pan gestures for interactive state changes.

Definition

Namespace:Telerik.Maui.Controls

Assembly:Telerik.Maui.Controls.dll

Syntax:
C#
public class RadBottomSheet : RadBorderContentView, IRadContentView, IContentView, IView, IElement, ITransform, IPadding, ICrossPlatformLayout

Inheritance: objectRadContentViewRadCompositeContentViewRadBorderContentViewRadBottomSheet

Derived Classes: DataGridAIBottomSheet

Implements: IContentViewICrossPlatformLayoutIElementIPaddingIRadContentViewITransformIView...

Inherited Members RadBorderContentView.BackgroundColorPropertyRadBorderContentView.BackgroundPropertyRadBorderContentView.BorderColorPropertyRadBorderContentView.BorderBrushPropertyRadBorderContentView.BorderThicknessPropertyRadBorderContentView.CornerRadiusPropertyRadBorderContentView.ContentPaddingPropertyRadBorderContentView.BackgroundColorRadBorderContentView.BackgroundRadBorderContentView.BorderColorRadBorderContentView.BorderBrushRadBorderContentView.BorderThicknessRadBorderContentView.CornerRadiusRadBorderContentView.ContentPaddingRadCompositeContentView.StylePropertyRadCompositeContentView.ControlTemplatePropertyRadCompositeContentView.OnBindingContextChanged()RadCompositeContentView.OnPropertyChanged(string)RadCompositeContentView.StyleRadCompositeContentView.ControlTemplateRadContentView.ActualStyleClassPropertyRadContentView.OnChildAdded(Element)RadContentView.OnChildRemoved(Element, int)RadContentView.OnHandlerChanged()...

Constructors

RadBottomSheet()

Initializes a new instance of the RadBottomSheet class.

C#
public RadBottomSheet()

Fields

AnimationDurationProperty

BindableProperty

Identifies the AnimationDuration bindable property.

C#
public static readonly BindableProperty AnimationDurationProperty

AnimationEasingProperty

BindableProperty

Identifies the AnimationEasing bindable property.

C#
public static readonly BindableProperty AnimationEasingProperty

AutoGenerateStatesProperty

BindableProperty

Identifies the AutoGenerateStates dependency property.

C#
public static readonly BindableProperty AutoGenerateStatesProperty

BottomSheetContentProperty

BindableProperty

Identifies the BottomSheetContent bindable property.

C#
public static readonly BindableProperty BottomSheetContentProperty

BottomSheetContentStyleProperty

BindableProperty

Identifies the BottomSheetContentStyle bindable property.

C#
public static readonly BindableProperty BottomSheetContentStyleProperty

BottomSheetContentWidthProperty

BindableProperty

Identifies the BottomSheetContentWidth bindable property.

C#
public static readonly BindableProperty BottomSheetContentWidthProperty

HandleStyleProperty

BindableProperty

Identifies the HandleStyle bindable property.

C#
public static readonly BindableProperty HandleStyleProperty

IsAnimationEnabledProperty

BindableProperty

Identifies the IsAnimationEnabled bindable property.

C#
public static readonly BindableProperty IsAnimationEnabledProperty

IsSwipeEnabledProperty

BindableProperty

Identifies the IsSwipeEnabled bindable property.

C#
public static readonly BindableProperty IsSwipeEnabledProperty

StateChangeThresholdProperty

BindableProperty

Identifies the StateChangeThreshold bindable property.

C#
public static readonly BindableProperty StateChangeThresholdProperty

StateProperty

BindableProperty

Identifies the State bindable property.

C#
public static readonly BindableProperty StateProperty

StatesProperty

BindableProperty

Identifies the States dependency property.

C#
public static readonly BindableProperty StatesProperty

Properties

ActualBottomSheetContentStyle

Style

Gets the actual style applied to the bottom sheet content view. The target type of the style is BottomSheetContentView.

C#
public Style ActualBottomSheetContentStyle { get; }

ActualHandleStyle

Style

Gets the actual style applied to the handle. The target type of the style is BottomSheetHandle.

C#
public Style ActualHandleStyle { get; }

AnimationDuration

Gets or sets a value designating the control's animation duration.

C#
public uint AnimationDuration { get; set; }

AnimationEasing

Easing

Gets or sets a value designating the control's animation Easing.

C#
public Easing AnimationEasing { get; set; }

AutoGenerateStates

Gets or sets a value indicating whether the control will generate 4 default states

C#
public bool AutoGenerateStates { get; set; }

BottomSheetContent

View

Gets or sets the content displayed in the bottom sheet.

C#
public View BottomSheetContent { get; set; }

BottomSheetContentStyle

Style

Gets or sets the style applied to the bottom sheet content. The target type of the style is BottomSheetContentView.

C#
public Style BottomSheetContentStyle { get; set; }

BottomSheetContentWidth

Gets or sets the width of the bottom sheet. When used in XAML, it can be set with Width="90%" for a percentage of the total control width, or with Width="500" for an absolute value.

C#
public BottomSheetLength BottomSheetContentWidth { get; set; }

HandleStyle

Style

Gets or sets the style applied to the handle. The target type of the style is BottomSheetHandle.

C#
public Style HandleStyle { get; set; }

IsAnimationEnabled

Gets or sets a value indicating whether programmatic transition between states will be performed with animation.

C#
public bool IsAnimationEnabled { get; set; }

IsSwipeEnabled

Gets or sets a value indicating whether swipe (pan) gestures are enabled for the bottom sheet.

C#
public bool IsSwipeEnabled { get; set; }

State

Gets or sets the current state of the bottom sheet.

C#
public string State { get; set; }

StateChangeThreshold

Gets or sets the threshold value for transitioning to the next state when interacting with the bottom sheet. The value must be between 0 and 1, where 0 means any gesture will trigger a state change, and 1 means only gestures that fully reach the next step will trigger a state change. The default value is 0.15.

C#
public double StateChangeThreshold { get; set; }

States

Gets or sets the collection of available sheet states for the bottom sheet.

C#
public ObservableCollection<BottomSheetState> States { get; }

Methods

GoToBottomSheetState(BottomSheetState)

Transitions the bottom sheet to the specified state.

C#
public void GoToBottomSheetState(BottomSheetState state)
Parameters:stateBottomSheetState

The target BottomSheetState.

GoToBottomSheetState(string)

Transitions the bottom sheet to the specified named state.

C#
public void GoToBottomSheetState(string name)
Parameters:namestring

The name of the target state.

OnApplyTemplate()

C#
protected override void OnApplyTemplate()

Overrides: RadCompositeContentView.OnApplyTemplate()

Events

StateChanging

Occurs when the position of the bottom sheet changes.

C#
public event EventHandler<BottomSheetStateChangingEventArgs> StateChanging
In this article
DefinitionConstructorsRadBottomSheet()FieldsAnimationDurationPropertyAnimationEasingPropertyAutoGenerateStatesPropertyBottomSheetContentPropertyBottomSheetContentStylePropertyBottomSheetContentWidthPropertyHandleStylePropertyIsAnimationEnabledPropertyIsSwipeEnabledPropertyStateChangeThresholdPropertyStatePropertyStatesPropertyPropertiesActualBottomSheetContentStyleActualHandleStyleAnimationDurationAnimationEasingAutoGenerateStatesBottomSheetContentBottomSheetContentStyleBottomSheetContentWidthHandleStyleIsAnimationEnabledIsSwipeEnabledStateStateChangeThresholdStatesMethodsGoToBottomSheetState(BottomSheetState)GoToBottomSheetState(string)OnApplyTemplate()EventsStateChanging
Not finding the help you need?
Contact Support