Installing EasyBake-UI is simple! All you need to do is open up your terminal of choice in the root directory of your project and type in the following line.
npm install easybake-ui
You can also download the library from the 📁GitHub repository.
Once installed you need to import the library into your project. You can do that by importing carousel.js and easybake.css to your project files. Here's how:
// put this at the top of your JS file
import * as EZ from "/easybake-ui/js/carousel";
// // put this at the top of your CSS file
@import '/easybake-ui/css/easybake.css';
<aside>
💡 TIP: make sure to put type="module" in the script tag of your JS file.
</aside>
The library is dependant on GSAP3 for its animations. You can follow their install guide and use your prefered method of installation but their CDN is the recommended option. To load it you have to include the GSAP library and the Draggable plug-in before the end of the </body> tag.
<script src="<https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js>"></script>
<script src="<https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/Draggable.min.js>"></script>
You're good to go 🚀. Check out the Component Docs for info on how to use the library.