[docs] Add platform badges by m-bert · Pull Request #3975 · software-mansion/react-native-gesture-handler

m-bert · 2026-02-13T12:09:41Z

Description

This PR adds badges for platform specific features.

darkmode	lightmode

Test plan

Read docs 🤓

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

…or.mdx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

akwasniewski

Looks nice! Though badges seem to be missing from components/buttons

j-piasecki

Can you merge/rebase main? The diff seems wrong now.

m-bert · 2026-02-13T19:59:43Z

Can you merge/rebase main? The diff seems wrong now.

Done, could you re-check if everything is fine? @j-piasecki

Looks nice! Though badges seem to be missing from components/buttons

Yes, those are missing from buttons because buttons docs are rewritten in other PR and I think that this one will be merged earlier 😅 (@akwasniewski)

Copilot

Pull request overview

Adds a reusable docs component to annotate platform-specific API sections with Android/iOS/Web badges, and updates multiple MDX pages to use it for relevant headers.

Changes:

Introduce HeaderWithBadge component to render headings alongside platform badges.
Wrap various platform-specific parameter headers across gesture/component docs with HeaderWithBadge.
Adjust docs sidebar ordering for “Gesture composition & interactions”.

Reviewed changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
packages/docs-gesture-handler/src/components/HeaderWithBadge/index.tsx	New component to render headings with platform badges.
packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx	Add platform badges to `mouseButton` section.
packages/docs-gesture-handler/docs/gestures/use-pan-gesture.mdx	Add badges to Android/iOS/Web-only config sections.
packages/docs-gesture-handler/docs/gestures/use-native-gesture.mdx	Add badge to Android-only config section.
packages/docs-gesture-handler/docs/gestures/use-long-press-gesture.mdx	Add platform badges to `mouseButton` section.
packages/docs-gesture-handler/docs/gestures/use-hover-gesture.mdx	Add badge to iOS-only config section.
packages/docs-gesture-handler/docs/gestures/use-fling-gesture.mdx	Add platform badges to `mouseButton` section.
packages/docs-gesture-handler/docs/gestures/_shared/base-gesture-config.mdx	Add badge to iOS-only config section.
packages/docs-gesture-handler/docs/fundamentals/gesture-detector.mdx	Add badges to Web-only config sections.
packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx	Change `sidebar_position` value.
packages/docs-gesture-handler/docs/components/reanimated_swipeable.mdx	Add badges to iOS-only / Web-only / Android+Web sections.
packages/docs-gesture-handler/docs/components/reanimated-drawer-layout.mdx	Add badges to iOS-only / Web-only / Android+Web sections.
packages/docs-gesture-handler/docs/components/pressable.mdx	Add badges to Web-only / Android+iOS / Android-only sections.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

packages/docs-gesture-handler/src/components/HeaderWithBadge/index.tsx

packages/docs-gesture-handler/docs/fundamentals/gesture-composition.mdx

packages/docs-gesture-handler/docs/components/reanimated_swipeable.mdx

j-piasecki · 2026-02-17T07:25:37Z

packages/docs-gesture-handler/docs/components/pressable.mdx

+<HeaderWithBadge platforms={['web']}>
+### onHoverIn
+</HeaderWithBadge>


Doesn't this also work on native when using mouse/stylus?

I also thought about it. I'm not sure about iOS, I can test it on android though.

j-piasecki · 2026-02-17T07:25:43Z

packages/docs-gesture-handler/docs/components/pressable.mdx

+<HeaderWithBadge platforms={['web']}>
+### onHoverOut
+</HeaderWithBadge>


Same as above

packages/docs-gesture-handler/docs/components/pressable.mdx

packages/docs-gesture-handler/docs/components/reanimated_swipeable.mdx

packages/docs-gesture-handler/docs/gestures/use-pan-gesture.mdx

packages/docs-gesture-handler/docs/gestures/use-tap-gesture.mdx

j-piasecki · 2026-02-18T08:34:07Z

packages/docs-gesture-handler/docs/gestures/use-pan-gesture.mdx

+<HeaderWithBadge platforms={['iOS']}>
+### enableTrackpadTwoFingerGesture
+</HeaderWithBadge>


This also works on web

True, e15ee60

j-piasecki

How hard would adding colored dots in the table of contents on the right?

Somewhat like RN does it:

But since we may have more than one, we'd likely want them on the right

packages/docs-gesture-handler/src/components/HeaderWithBadge/index.tsx

m-bert · 2026-02-19T12:07:33Z

How hard would adding colored dots in the table of contents on the right?

I guess you know the answer 😅

#3985

m-bert and others added 30 commits February 4, 2026 14:12

Fix edit link

a14db83

introduction

9e1f534

installation

54889bb

Gesture detector

3e82cf8

Reanimated interactions

e005621

Animated interactions

90b1aa4

Composition

a5b73b3

Merge branch 'main' into @mbert/docs-review

6c4aa0f

State manager

b2f97c5

Callbacks

8cb20ab

Quickstart

8f442f1

Troubleshooting

12abfeb

Testing

1094f92

Fix callbacks flow chart

d91e097

Pan

c503ea1

Tap

31a8db3

LongPress

b3efbbe

Rotation

d201b3e

Pinch

62d0fe8

Fling

64aa192

Hover

4667c7d

Native

5f40baf

Manual

800b37d

Touch events

004f919

Pinch typo

e8ddacc

HOOOOOOOOOOOOOOOOOOOOW?

128b226

Update packages/docs-gesture-handler/docs/guides/testing.md

cc1e783

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update packages/docs-gesture-handler/docs/fundamentals/gesture-detect…

d48e4ea

…or.mdx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Overrides

9f1ec51

Fix broken link

9b4aff8

akwasniewski reviewed Feb 13, 2026

View reviewed changes

j-piasecki requested changes Feb 13, 2026

View reviewed changes

Merge branch 'main' into @mbert/docs-badges

4daad27

Copilot AI review requested due to automatic review settings February 13, 2026 19:57

Copilot started reviewing on behalf of m-bert February 13, 2026 19:57 View session

Revert gesture-composition sidebar change

a997a49

Copilot AI reviewed Feb 13, 2026

View reviewed changes

m-bert mentioned this pull request Feb 13, 2026

[docs] Add version badges #3978

Open

Copilot review

b6eead3

m-bert added the Documentation Documentation change/enhancement label Feb 16, 2026

m-bert requested review from akwasniewski and j-piasecki February 16, 2026 08:46

akwasniewski approved these changes Feb 16, 2026

View reviewed changes

j-piasecki reviewed Feb 17, 2026

View reviewed changes

m-bert added 4 commits February 17, 2026 12:34

Merge branch 'main' into @mbert/docs-badges

8ba5b1c

Add badges to buttons

d52b0f9

Hover android

79b7f52

Sort badges

b45919e

j-piasecki reviewed Feb 18, 2026

View reviewed changes

packages/docs-gesture-handler/src/components/HeaderWithBadge/index.tsx Outdated Show resolved Hide resolved

m-bert added 2 commits February 19, 2026 12:59

Change android color

b6efac4

two finger trackpad web

e15ee60

m-bert added 2 commits February 19, 2026 13:18

Make badges case insensitive

0cd3c28

Merge branch 'main' into @mbert/docs-badges

549b6a7

m-bert requested a review from j-piasecki February 19, 2026 12:26

j-piasecki approved these changes Feb 19, 2026

View reviewed changes

m-bert merged commit a4f618c into main Feb 19, 2026
2 checks passed

m-bert deleted the @mbert/docs-badges branch February 19, 2026 12:46

Uh oh!

Conversation

m-bert commented Feb 13, 2026

Description

Test plan

Uh oh!

akwasniewski left a comment

Choose a reason for hiding this comment

Uh oh!

j-piasecki left a comment

Choose a reason for hiding this comment

Uh oh!

m-bert commented Feb 13, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

j-piasecki Feb 17, 2026

Choose a reason for hiding this comment

Uh oh!

m-bert Feb 17, 2026

Choose a reason for hiding this comment

Uh oh!

j-piasecki Feb 17, 2026

Choose a reason for hiding this comment

Uh oh!

m-bert Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

j-piasecki Feb 18, 2026

Choose a reason for hiding this comment

Uh oh!

m-bert Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

j-piasecki left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

m-bert commented Feb 19, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Comments