diff --git a/resources/views/components/bottom-sheet.blade.php b/resources/views/components/bottom-sheet.blade.php index c0847572..428e8510 100644 --- a/resources/views/components/bottom-sheet.blade.php +++ b/resources/views/components/bottom-sheet.blade.php @@ -9,7 +9,11 @@ SheetBottomTokens (androidx Compose Material 3, Apache-2.0): surface-container-low, extra-large top corners, elevation 1, a 32×4px drag handle in on-surface-variant; 640px wide at most, centred on a wide screen; it rises on emphasized decelerate. `title` and `actions` as on a dialog. - `height` caps it (default: 90% of the screen); content scrolls inside. --}} + `height` caps it (default: 90% of the screen); content scrolls inside. + + The handle is drawn 32×4px and pressed 48×48: `touch-target` on the button and 22px above and + below it, which is M3's "drag handle has an accessible 48dp hit target" and SheetDefaults.kt's + `DragHandleVerticalPadding = 22.dp` (docs/reference/m3/components-actions-communication-containment.md § Bottom sheets → Specs). --}} @props([ 'title' => null, @@ -56,8 +60,8 @@ $attributes->get('class'), ]) }} > -