1. Docs
  2. Installation

Installation

This guide will show How to install Flexilla In your New or Existing Project

Quick setup

This guide will help you get started with Flexilla

Install via npm

  1. Install the full Libary

    npm i @flexilla/flexilla
    
  2. Usage

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

Install Single Component

  1. Install the full Libary

    npm i @flexilla/collapse
    
  2. Usage

    import {Collapse} from "@flexilla/collapse"
    
    new Accordion("#my-collapse",{
        // options
    })
    

Using CDN

  1. Import from CDN

    All components
    <script type="module">
    import {
      Tabs,
      Accordion
    } from 'https://cdn.jsdelivr.net/npm/@flexilla/flexilla@latest/+esm';
    
    new Tabs("#hego")
    new Accordion("#myAccordion")
    </script>
    

    Import a single Package

    <script type="module">
    import * as flexillatabs from 'https://cdn.jsdelivr.net/npm/@flexilla/tabs@latest/+esm';
    new flexillatabs.Tabs("#tabs")
    </script>
    

With Module (require)

const Accordion = require('@flexilla/accordion');
new Accordion("#myAccordion")

Styling

Quick Start Examples

Checkout these quick start examples to get a feel of Flexilla here