A Bottom sheet component lets you display content that can be swiped up or down from the bottom of the screen. You can add any child component(s) on the bottom sheet as per the use case(Like Buttons, Image, View etc).
Style properties allow you to customize the look and feel of the component. Combinations of styles applied to components can be saved as Stylesheets to easily reuse styles throughout your app. Styles can also be set dynamically using Variables. To learn more about all the different styling properties and how they work, take a look at Intro to Styling.
An optional descriptive name for the component. If the name is not “Bottom Sheet”, it will appear as a comment above this component in the generated code.
Bounce
When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.
Allow Touch Events
Allows touch events on visible components to be processed while the keyboard is open
Ignore Reduce Motion
When true, animations will play even if the user has enabled reduce motion settings on their device. Enabled by default
This is an array of numerical values, either numbers or percentages. Each number represents a snap point where the Bottom sheet snaps. They represent the distance from the top. The default snap points are :["10%", "50%", "80%"]
You can conditionally display a component based on a given condition. Learn more about conditionally displaying components in the Conditional Display doc.
