You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on May 11, 2023. It is now read-only.
Currently, our docs site suffers a bit from our react-live sandboxes not being "rerun-able". Certain renature animation features, like delay, are best seen when you can catch the animation from the beginning. However, all react-live sandboxes begin running animations on mount (the default for renature), so these can get easily missed.
framer-motion solves this on their website by adding a "rerun" button to demos. For example:
Ideally, we could add a similar button that would restart the sandbox without fully unmounting every part of the LivePreview component.
An initial approach could be to use a useForceUpdate hook to re-render just the part of the sandbox responsible for rendering the LivePreview.
As far as icons go, I always recommend using the very nice (and free) set of Feather icons. Either of these should do: https://feathericons.com/?query=refresh
Currently, our docs site suffers a bit from our
react-live
sandboxes not being "rerun-able". Certainrenature
animation features, likedelay
, are best seen when you can catch the animation from the beginning. However, allreact-live
sandboxes begin running animations on mount (the default forrenature
), so these can get easily missed.framer-motion
solves this on their website by adding a "rerun" button to demos. For example:Ideally, we could add a similar button that would restart the sandbox without fully unmounting every part of the
LivePreview
component.An initial approach could be to use a
useForceUpdate
hook to re-render just the part of the sandbox responsible for rendering theLivePreview
.As far as icons go, I always recommend using the very nice (and free) set of Feather icons. Either of these should do: https://feathericons.com/?query=refresh
cc/ @upatel32
The text was updated successfully, but these errors were encountered: