Skip to content

Commit 04b36b0

Browse files
Include JSX syntax highlight on docs
1 parent c052e00 commit 04b36b0

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ install animate-css-styled-components
1818

1919
import animate-css-styled-components module calling global animations
2020

21-
```
21+
```jsx
2222
import { Wobble, FadeIn, FadeOut } from 'animate-css-styled-components';
2323
```
2424

@@ -28,7 +28,7 @@ Now, this animation is a component and you can encompassing the desired content
2828

2929
Example:
3030

31-
```
31+
```jsx
3232
<Wobble duration="0.8s" delay="1s">
3333
<Card>
3434
card content...
@@ -67,7 +67,7 @@ Example:
6767

6868
For convenience you can use Animate HOC to use animations stacked, you could pass a unique component to `Animation` prop or an array of animations, example:
6969

70-
```
70+
```jsx
7171
import Animate, {
7272
Flash,
7373
Bounce
@@ -84,7 +84,7 @@ For convenience you can use Animate HOC to use animations stacked, you could pas
8484
```
8585
In this example that you could see [here](https://dielduarte.github.io/animate-css-styled-components/?selectedKind=Animate%20%28HOC%29&selectedStory=Multiple%20Animations&full=0&down=1&left=1&panelRight=0&downPanel=kadirahq%2Fstorybook-addon-actions%2Factions-panel), the Bounce Animation will run after when Flash animation is finished, respecting the duration time + delay time, duration and delay are same for all animations, but you could pass diferents values to each animation prop, look:
8686

87-
```
87+
```jsx
8888
import Animate, {
8989
Flash,
9090
Bounce,
@@ -117,7 +117,7 @@ You can import BaseAnimation component and create your custom animation
117117

118118
Example:
119119

120-
```
120+
```jsx
121121
import { BaseAnimation } from 'animate-css-styled-components';
122122

123123
//create your custom animation

0 commit comments

Comments
 (0)