Skip to content

Commit 38219bf

Browse files
committed
Part 2
1 parent 4b63fcb commit 38219bf

1 file changed

Lines changed: 13 additions & 5 deletions

File tree

  • packages/docs-gesture-handler/docs/components

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

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,14 @@ delayLongPress?: number;
7676

7777
Defines the delay, in milliseconds, after which the [`onLongPress`](#onlongpress) callback gets called. By default set to `600`.
7878

79+
### borderless (**Android only**)
80+
81+
```ts
82+
borderless?: boolean;
83+
```
84+
85+
set this to `false` if you want the ripple animation to render only within view bounds.
86+
7987
## RectButton
8088

8189
This type of button component is ideal for use with rectangular elements or content blocks that can be pressed, such as table rows or buttons featuring text and icons. It ensures platform-specific interactions, such as rendering a rectangular ripple on Android or highlighting the background on iOS and older Android versions. In addition to the props offered by [`BaseButton`](#basebutton), it accepts the following:
@@ -100,13 +108,13 @@ Opacity applied to the underlay when button is in active state.
100108

101109
This type of button component should be used with simple icon-only or text-only buttons. The interaction will be different depending on platform: on Android a borderless ripple will be rendered (it means that the ripple will animate into a circle that can span outside of the view bounds), whereas on iOS the button will be dimmed (similar to how `TouchableOpacity` works). In addition to the props of [`BaseButton`](/docs/components/buttons#basebutton), it accepts the following:
102110

103-
### `borderless` (**Android only**)
104-
105-
set this to `false` if you want the ripple animation to render only within view bounds.
111+
### activeOpacity (**iOS only**)
106112

107-
### `activeOpacity` (**iOS only**)
113+
```ts
114+
activeOpacity?: number;
115+
```
108116

109-
opacity applied to the button when it is in an active state.
117+
Opacity applied to the button when it is in an active state.
110118

111119
## Accessibility
112120

0 commit comments

Comments
 (0)