Skip to content

Commit c21dfd3

Browse files
committed
Update props names
1 parent 4fb5ab2 commit c21dfd3

1 file changed

Lines changed: 10 additions & 10 deletions

File tree

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

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,12 @@ If you were using `RectButton`, or `BorderlessButton` in your app, you can easil
1616

1717
### RectButton
1818

19-
To replace `RectButton` with `Clickable`, simply add `underlayActiveOpacity={0.105}` to your `Clickable` component. This will animate the underlay when the button is pressed.
19+
To replace `RectButton` with `Clickable`, simply add `activeUnderlayOpacity={0.105}` to your `Clickable` component. This will animate the underlay when the button is pressed.
2020

2121
```tsx
2222
<Clickable
2323
...
24-
underlayActiveOpacity={0.105}/>
24+
activeUnderlayOpacity={0.105}/>
2525
```
2626

2727
### BorderlessButton
@@ -66,7 +66,7 @@ export default function ClickableExample() {
6666
console.log('RectButton built with Clickable');
6767
}}
6868
style={[styles.button, { backgroundColor: '#4f9a84' }]}
69-
underlayActiveOpacity={0.105}>
69+
activeUnderlayOpacity={0.105}>
7070
<Text style={styles.buttonText}>RectButton</Text>
7171
</Clickable>
7272
@@ -219,12 +219,12 @@ Defines the delay, in milliseconds, after which the [`onLongPress`](#onlongpress
219219
underlayColor?: string;
220220
```
221221

222-
Background color of underlay. This only takes effect when `underlayActiveOpacity` is set.
222+
Background color of underlay. This only takes effect when `activeUnderlayOpacity` is set.
223223

224-
### underlayActiveOpacity
224+
### activeUnderlayOpacity
225225

226226
```ts
227-
underlayActiveOpacity?: number;
227+
activeUnderlayOpacity?: number;
228228
```
229229

230230
Defines the opacity of underlay when the button is active. If not set, underlay won't be rendered.
@@ -237,18 +237,18 @@ activeOpacity?: number;
237237

238238
Defines the opacity of the whole component when the button is active.
239239

240-
### underlayInitialOpacity
240+
### defaultUnderlayOpacity
241241

242242
```ts
243-
underlayInitialOpacity?: number;
243+
defaultUnderlayOpacity?: number;
244244
```
245245

246246
Defines the initial opacity of underlay when the button is inactive. By default set to `0`.
247247

248-
### initialOpacity
248+
### defaultOpacity
249249

250250
```ts
251-
initialOpacity?: number;
251+
defaultOpacity?: number;
252252
```
253253

254254
Defines the initial opacity of the whole component when the button is inactive. By default set to `1`

0 commit comments

Comments
 (0)