feat(BottomSheet): add showDragHandle prop to optionally hide drag handle - #3896
Open
rohankokane-dev wants to merge 1 commit into
Open
feat(BottomSheet): add showDragHandle prop to optionally hide drag handle#3896rohankokane-dev wants to merge 1 commit into
rohankokane-dev wants to merge 1 commit into
Conversation
…ndle Adds a `showDragHandle` boolean prop (default true) to BottomSheet so consumers can hide the drag handle pill. Wired across web and native, with a WithoutDragHandle story and a changeset. Co-authored-by: Cursor <cursoragent@cursor.com>
rohankokane-dev
requested review from
anuraghazra,
kamleshchandnani,
ravikumar-rajagopalan,
saurabhdaware,
saurav12 and
swapnil-kr1
as code owners
August 18, 2026 10:58
|
Contributor
|
🤖 Slash AI Review has been triggered. View execution logs |
Collaborator
🛡️ Coverage ReportSummaryFull Coverage Details |
kamaleshs-bridge4
approved these changes
Aug 18, 2026
kamaleshs-bridge4
left a comment
kamaleshs-bridge4
left a comment
There was a problem hiding this comment.
✨ Agentic PR Review ✨
Status: Approved ✅
UI Review
⏭️ 2 skipped
Usage
import { BottomSheet, BottomSheetHeader, BottomSheetBody, Button } from '@razorpay/blade/components';
<BottomSheet isOpen={true} onDismiss={() => {}} showDragHandle={false}>
<BottomSheetHeader title="Title" />
<BottomSheetBody>Content</BottomSheetBody>
</BottomSheet>
kamaleshs-bridge4
added
the
rcore:eligible-for-auto-approval
Merged
5 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a
showDragHandleboolean prop toBottomSheetso consumers can hide the drag handle (the pill affordance rendered at the top of the sheet, internally the "grab handle").showDragHandle?: boolean— defaulttrue(backwards compatible, handle shown as before).BottomSheet.web.tsx) and native (BottomSheet.native.tsx).WithoutDragHandleStorybook story.minor).API decision
Chose
showDragHandle(positiveshow*prefix,@default true) to match Blade's existing chrome-toggle convention (showCloseButton,showDivider,showBackButton). Rejected the negativehideDragHandle(discouraged by AGENTS.md) andshowGrabHandle— "drag handle" is the more discoverable public term while the internalGrabHandlenaming stays an implementation detail (Blade already decouples this, e.g.isContentPanningGestureEnabled).Behavior notes
esc, or programmatically.enablePanDownToClose); only the visual pill is hidden.Test plan
showDragHandlecontrol appears in Storybook autodocs and toggles the handleWithoutDragHandlestory renders the sheet without the pillMade with Cursor