diff --git a/apps/common-app/src/apps/css/examples/transitions/screens/transitionSettings/TransitionBehavior.tsx b/apps/common-app/src/apps/css/examples/transitions/screens/transitionSettings/TransitionBehavior.tsx index 93b9e7ddbfc6..b7b6b49b6641 100644 --- a/apps/common-app/src/apps/css/examples/transitions/screens/transitionSettings/TransitionBehavior.tsx +++ b/apps/common-app/src/apps/css/examples/transitions/screens/transitionSettings/TransitionBehavior.tsx @@ -15,7 +15,7 @@ export default function TransitionBehavior() { cards={[ { description: [ - '**Transition behavior** determines whether the transition is applied to **discrete properties**. By default, `transitionBehavior` is `normal`, which applies transition only to **continuous properties** and discrete property changes are **applied immediately**. `allowDiscrete` allows transitions to be applied to **discrete properties**, resulting in **delayed changes**.', + '**Transition behavior** determines whether the transition is applied to **discrete properties**. By default, `transitionBehavior` is `normal`, which applies transition only to **continuous properties** and discrete property changes are **applied immediately**. `allow-discrete` allows transitions to be applied to **discrete properties**, resulting in **delayed changes**.', 'Discrete-animated properties generally flip between two values **at the midpoint** of the animation, except for the `display` property, which is changed at the moment of the **transition start**.', ], items: [ diff --git a/docs/docs-reanimated/docs/css-transitions/transition-behavior.mdx b/docs/docs-reanimated/docs/css-transitions/transition-behavior.mdx index efb1383f484f..de173e232e83 100644 --- a/docs/docs-reanimated/docs/css-transitions/transition-behavior.mdx +++ b/docs/docs-reanimated/docs/css-transitions/transition-behavior.mdx @@ -42,7 +42,7 @@ type CSSTransitionBehavior = 'normal' | 'allow-discrete'; ### Values -#### `allowDiscrete` +#### `allow-discrete` Allows transitions to be applied to discrete properties, resulting in delayed changes. @@ -58,14 +58,14 @@ import TransitionBehaviorSrc from '!!raw-loader!@site/src/examples/css-transitio ## Remarks - Discrete style properties (like `flexDirection`, `justifyContent`) can't be smoothly animated using the `transitionProperty` property. For example, you can't animate smoothly from `alignItems: start` to `alignItems: center`. You can use [Layout Animations](/docs/layout-animations/layout-transitions) to animate discrete style properties instead. -- When using `allowDiscrete` the discrete properties flip between two values at the midpoint of the animation, except for the `display` property, which is immediately at the moment of the transition start. +- When using `allow-discrete` the discrete properties flip between two values at the midpoint of the animation, except for the `display` property, which is immediately at the moment of the transition start. ## Platform compatibility diff --git a/docs/docs-reanimated/versioned_docs/version-1.x/transitions.md b/docs/docs-reanimated/versioned_docs/version-1.x/transitions.md index 57b7b4733cb3..78c2677cfef0 100644 --- a/docs/docs-reanimated/versioned_docs/version-1.x/transitions.md +++ b/docs/docs-reanimated/versioned_docs/version-1.x/transitions.md @@ -36,7 +36,7 @@ Use this if you want the animation to start delayed (value in milliseconds) #### `interpolation` -Specify the transition timing curve. Possible values are: `linear`, `ease-in`, `ease-out`, `ease-in-out` +Specify the transition timing curve. Possible values are: `linear`, `easeIn`, `easeOut`, `easeInOut` #### `propagation`