Skip to content

Commit 1230c0c

Browse files
committed
Added implicit animaion for text widget
1 parent 6502c2d commit 1230c0c

File tree

3 files changed

+7
-10
lines changed

3 files changed

+7
-10
lines changed
749 KB
Loading
479 KB
Loading

docs/ff-concepts/animations/implicit_animations.md

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -14,18 +14,15 @@ In Implicit Animation, the widget automatically animates to a new property's val
1414
Implicit Animation is recommended only when you want to run the animation once (after the properties are changed).
1515
:::
1616

17-
Here's an example of how it looks when you update the container properties with and without Implicit Animation.
17+
Here are some examples of how it looks when you update the widget properties with and without Implicit Animation.
1818

19-
<Tabs>
20-
<TabItem value="1" label="Without Implicit Animation" default>
21-
![Without Implicit Animation](animation_gifs/without-implicit-animation.gif)
22-
</TabItem>
23-
<TabItem value="2" label="With Implicit Animation">
24-
![With Implicit Animation](animation_gifs/with-implicit-animation.gif)
25-
</TabItem>
26-
</Tabs>
19+
| | Without Implicit Animation | With Implicit Animation |
20+
| --- | --- | --- |
21+
| **Container** | ![Without Implicit Animation](animation_gifs/without-implicit-animation.gif) | ![With Implicit Animation](animation_gifs/with-implicit-animation.gif) |
22+
| **Text** | ![Without Implicit Animation](animation_gifs/without-implicit-animation-text.gif) | ![Wit Implicit Animation](animation_gifs/with-implicit-animation-text.gif) |
2723

28-
Here's how you add the Implicit Animation on Container widget:
24+
25+
Here's an exammple of how you add the Implicit Animation on Container widget:
2926
<div style={{
3027
position: 'relative',
3128
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding

0 commit comments

Comments
 (0)