From 44bfa20f54376ac800b16d4691878ed6627e345b Mon Sep 17 00:00:00 2001 From: Mikkel Laursen Date: Wed, 24 Nov 2021 12:53:31 -0700 Subject: [PATCH] chore(website): Updated some transition documentation --- .../components/Demos/Transition/CrossFadeHookExample.md | 2 +- .../components/Demos/Transition/ScaleTransitionExample.md | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/documentation/src/components/Demos/Transition/CrossFadeHookExample.md b/packages/documentation/src/components/Demos/Transition/CrossFadeHookExample.md index fdd9a0b826..ba9b6b5856 100644 --- a/packages/documentation/src/components/Demos/Transition/CrossFadeHookExample.md +++ b/packages/documentation/src/components/Demos/Transition/CrossFadeHookExample.md @@ -8,7 +8,7 @@ transition. The `useCrossFadeTransition` hook is really a hook version of the `CrossFade` component that allows a bit more control for when the transition should fire since it uses the [useCSSTransition hook](#use-css-transition) behind the -scenes. To create a transition, all that's required is to trigger the `ENTER` +scenes. To create a transition, all that's required is to trigger the `'enter'` transition when it should be fired. Unlike the `CrossFade` component, the `useCrossFadeTransition` hook **does not automatically fire on mount**. diff --git a/packages/documentation/src/components/Demos/Transition/ScaleTransitionExample.md b/packages/documentation/src/components/Demos/Transition/ScaleTransitionExample.md index 1cc5bf0d3f..3265157d3d 100644 --- a/packages/documentation/src/components/Demos/Transition/ScaleTransitionExample.md +++ b/packages/documentation/src/components/Demos/Transition/ScaleTransitionExample.md @@ -9,10 +9,10 @@ This is generally used for temporary material instead of the collapse transition since it is slightly more performant and that it will not move other items within the DOM while transitioning. -This transition can be used with the `ScaleTransition` component or a custom -usage with the `useCSSTransition` hook. The default transition will transition -both the x and y values, but enabling the `vertical` prop will change it to only -be the y value change. +This transition can be used with the `ScaleTransition` component or the +`useScaleTransition` hook. The default transition will transition both the x and +y values, but enabling the `vertical` prop will change it to only be the y value +change. > Note: You can also set your own `transform-origin` to modify these transitions > even more.