From ef1d35b488fa365431793204f3995c3552180895 Mon Sep 17 00:00:00 2001 From: Harry Dehal <21130143+hdehal@users.noreply.github.com> Date: Fri, 13 Aug 2021 08:54:26 -0700 Subject: [PATCH] Update readme to include import example (#1271) * Update readme to include import example * Update docs for website * Update usage markdown and docs --- docs/index.html | 7 +++++-- docsSource/sections/01-usage.md | 10 ++++++++-- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/docs/index.html b/docs/index.html index 46e6c4b..08f5d5f 100644 --- a/docs/index.html +++ b/docs/index.html @@ -887,10 +887,13 @@

Install with npm:

$ npm install animate.css --save
-

with yarn:

+

Or install with Yarn (this will only work with appropriate tooling like Webpack, Parcel, etc. If you are not using any tool for packing or bundling your code, you can simply use the CDN method below):

$ yarn add animate.css
-

or add it directly to your webpage using a CDN:

+

Import it into your file:

+
import "animate.css"
+
+

Or add it directly to your webpage using a CDN:

<head>
   <link
     rel="stylesheet"
diff --git a/docsSource/sections/01-usage.md b/docsSource/sections/01-usage.md
index 71f1059..724c703 100644
--- a/docsSource/sections/01-usage.md
+++ b/docsSource/sections/01-usage.md
@@ -8,13 +8,19 @@ Install with npm:
 $ npm install animate.css --save
 ```
 
-with yarn:
+Or install with Yarn (this will only work with appropriate tooling like Webpack, Parcel, etc. If you are not using any tool for packing or bundling your code, you can simply use the CDN method below):
 
 ```shell
 $ yarn add animate.css
 ```
 
-or add it directly to your webpage using a CDN:
+Import it into your file:
+
+```js
+import 'animate.css';
+```
+
+Or add it directly to your webpage using a CDN:
 
 ```html