Skip to content

Commit 3d147d6

Browse files
committed
address comments
1 parent c383eff commit 3d147d6

File tree

4 files changed

+18
-18
lines changed

4 files changed

+18
-18
lines changed

controls/bottomsheet/animation.md

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,15 @@ slug: bottomsheet-animation
88

99
# .NET MAUI BottomSheet Animation
1010

11-
Adding an animation to the BottomSheet provides visual continuity and makes the interface feel more responsive and polished. The Telerik .NET MAUI BottomSheet provides an option to set the animation when opening/closing the bottom view.
11+
Adding animation to the BottomSheet provides visual continuity and makes the interface feel more responsive and polished. Smooth transitions help users understand the relationship between different states and create a more engaging user experience.
1212

13-
## Animation while Opening/Closing
13+
The Telerik .NET MAUI BottomSheet provides comprehensive animation options for opening, closing, and state transitions, whether triggered programmatically or through user interactions like swipe gestures.
14+
15+
The following properties control the animation behavior of the BottomSheet:
1416

1517
To enable or disable the animation, use the `IsAnimationEnabled` (`bool`) property of `RadBottomSheet`. By default, the animation is enabled.
1618

17-
You can also customize the animation's duration and easing through the `AnimationDuration` and `AnimationEasing` properties.
19+
You can also customize the animation's duration and easing by using the following properties.
1820

1921
* `AnimationDuration`(`uint`)—Defines the duration of the animation while opening/closing the bottom view. The default value is `1000` milliseconds.
2022
* `AnimationEasing`(`Microsoft.Maui.Easing`)—Specifies animation acceleration over time. The default value is `Easing.CubicOut`.
@@ -23,6 +25,7 @@ You can also customize the animation's duration and easing through the `Animatio
2325
2426
## See Also
2527

28+
- [Swipe Gesture]({%slug bottomsheet-swipe-gesture%})
2629
- [Configure the BottomSheet]({%slug bottomsheet-configuration%})
2730
- [Style the BottomSheet]({%slug bottomsheet-styling%})
2831
- [Events]({%slug bottomsheet-events%})

controls/bottomsheet/configuration.md

Lines changed: 6 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,12 @@ You can specify the current state using the `State` property of type `BottomShee
3636

3737
### Custom States
3838

39+
You can control the generation of default states using the `AutoGenerateStates` (`bool`) property. The default value is `true`, which means the four predefined states are populated in the `States` collection.
40+
41+
```xaml
42+
<telerik:RadBottomSheet AutoGenerateStates="False" />
43+
```
44+
3945
Create custom states using the `BottomSheetState` class constructors:
4046

4147
* Using `BottomSheetLength`
@@ -76,18 +82,6 @@ var customState = new BottomSheetState("Custom", 30, true);
7682
bottomSheet.GoToBottomSheetState("Custom");
7783
```
7884

79-
### Auto-Generated States
80-
81-
You can control the generation of default states using the `AutoGenerateStates` property.
82-
83-
```xaml
84-
<telerik:RadBottomSheet AutoGenerateStates="False">
85-
86-
</telerik:RadBottomSheet>
87-
```
88-
89-
The default value is `true`, which means the four predefined states are populated in the `States` collection.
90-
9185
### States Collection
9286

9387
The BottomSheet provides a read-only `States` collection of type `ObservableCollection<BottomSheetState>` that contains all available states for the bottom sheet, including both predefined and custom states.

controls/bottomsheet/styling.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ Here is the result of styling the BottomSheet and `BottomSheetContent`. The `Bot
4848

4949
> For a runnable example with the BottomSheet Style scenario, see the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and go to **BottomSheet > Styling** category.
5050
51-
## Handle Styling
51+
## Styling the BottomSheet Handle
5252

5353
The handle of the BottomSheet is a small visual indicator at the top of the control that users can grab to drag and resize the panel. You can style the handle by setting the `HandleStyle` property to the `RadBottomSheet`. The target type of the `HandleStyle` is `BottomSheetHandle`.
5454

controls/bottomsheet/swipe-gesture.md

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,18 @@ title: Swipe Gesture
33
page_title: .NET MAUI BottomSheet Documentation - Swipe Gesture
44
description: Learn how to enable or disable swipe gestures for the Telerik UI for .NET MAUI BottomSheet control to control user interaction and accessibility.
55
position: 3
6-
slug: bottomsheet-swipe-gestrue
6+
slug: bottomsheet-swipe-gesture
77
---
88

99
# .NET MAUI BottomSheet Swiping
1010

11-
The BottomSheet control supports intuitive swipe gestures that allow users to close and resize the sheet by dragging up or down on the content area. This touch-friendly interaction provides a natural way for users to control the BottomSheet's visibility and state, enhancing the overall user experience on mobile devices.
11+
The BottomSheet control supports intuitive swipe gestures that allow users to close and resize the sheet by dragging up or down on the content area.
12+
This touch-friendly interaction provides a natural way for users to control the BottomSheet's visibility and gives the smooth transition between states with animation, enhancing the overall user experience on mobile and desktop devices.
1213

1314
You can disable the swipe gesture by setting the `IsSwipeEnabled` (`bool`) property. The default value is `true`.
1415

16+
> The animation is always enabled when using the swipe gesture to change the states of the BottomSheet. You can configure the animation settings using the `AnimationDuration` and `AnimationEasing` properties.
17+
1518
> For a runnable example with the BottomSheet Swipe scenario, see the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and go to **BottomSheet > Features** category.
1619
1720
## See Also

0 commit comments

Comments
 (0)