Vite Guide

Install via npm

1. Create a new Project

   Create a new project if not having one.
   Shell

   npm create vite@latest vite-example -- --template vanilla-ts
   cd vite-example
   

2. Install flexilla

   • npm
   • yarn

   npm i @flexilla/flexilla
   

   yarn add @flexilla/flexilla
   

3. Usage

   script

   import {Accordion, Tabs} from "@flexilla/flexilla"
   
   const accordion = new Accordion("#my-accordion")
   
   const tabs = new  Tabs("#my-tabs",{ 
       // options
   })
   

Using CDN

1. Import the library via CDN

   src/main.ts

   <script type="module"> 
     import * as Flexilla from 'https://esm.run/@flexilla/flexilla'; 
   </script>
   

2. Usage

   index.html

   <script type="module">
     new Flexilla.Tabs("[data-tabs-el]") 
     Flexilla.Accordion.AutoInit(".accordion-el") 
   </script>
   

Quick Start Examples