1. Components
  2. tabs

Tabs

A component for organizing content into separate, navigable sections, improving user navigation and content organization.

PresetUIFlexilla Tabs

Initialisation

Note that this component requires JS, by default we’re using @flexilla/tabs component, else you can skip this step if you’ve already @flexilla/flexilla.

  1. Installation 

    npm i @flexilla/tabs

  2. Usage

    You can globaly init all Tabs or init separately every tabs Element 
    import { Tabs } from "@flexilla/tabs"
// init Tabs for all Element with data-fx-tabs attribute
Tabs.autoInit()

Vertical

Trigger with Icon

Example

With Form

Prev
Text Area

Form input for user.

Next
On this page