Skip to content

Platform support ​

What each platform draws today. "stored" means the prop is accepted and validated, and reaches the native view, but isn't drawn yet.

Presentation ​

FeatureiOSAndroidWeb
Bottom sheet✅ UISheetPresentationController✅ BottomSheetDialog✅
Center / alert / popup / floatingas bottom sheetas bottom sheet✅
Side drawer (left / right)as bottom sheetas bottom sheet✅
Top sheet / in-app notificationas bottom sheetas bottom sheet✅
Toast / snackbaras bottom sheetas bottom sheet✅
Anchored (popover, tooltip, menu…)as bottom sheetas bottom sheet✅ below anchor
Full screen / viewer / loadingas bottom sheetas bottom sheet✅
Stacked sheets✅✅ separate dialog windows✅

Sizing and gestures ​

FeatureiOSAndroidWeb
Snap points✅ iOS 16+; iOS 15: medium/large✅ half and full states✅
'content' heightmedium detent✅✅
snapTo / expand / collapse✅✅✅
Drag between snap points✅✅—
Swipe to dismiss✅✅—
enableDrag: false✅✅✅
Backdrop tap dismisses✅ system✅✅
Back button / Escape—✅✅ Escape

Design props ​

PropiOSAndroidWeb
backgroundColor✅✅✅
cornerRadius✅ iOS 16+✅✅
borderWidth / borderColor✅✅✅
shadowRadius / shadowOpacity✅stored✅
backdropOpacitysystem✅✅
backdropColorsystemstored✅
showHandle✅stored✅
handleColorstoredstored✅
widthstoredstored✅
marginstoredstored✅
styles.*✅✅✅

Behaviour ​

FeatureiOSAndroidWeb
Events (onDidPresent, onDidDismiss, onSnapChange…)✅✅✅
Auto-dismiss✅✅✅
enableKeyboardstored (system default)stored (system default)browser
enableNestedScrollstored (system default)stored (system default)✅ content scrolls
animationsystem motionsystem motion✅ durationMs

The status of native work is tracked in Status & roadmap.

Released under the MIT License.