Tabs

Documentation - components

  1. Home
  2. Components
  3. Tabs
Tabs
HTML docs

Preview

Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.
Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.
Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.
Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.Tristique exercitation necessitatibus odito.
Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.Tristique exercitation necessitatibus odito.
Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.Tristique exercitation necessitatibus odito.
Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.Tristique exercitation necessitatibus odito.
Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.Tristique exercitation necessitatibus odito.
Tristique exercitation necessitatibus odit lacus convallis. Nobis culpa asperiores luctus ante montes? Ratione, incididunt consequat consectetur voluptate, eos, lorem ducimus taciti, leo quisque officia sit, dignissimos! Magnis condimentum accusamus aliquam.Tristique exercitation necessitatibus odito.

Admin preview

Usage

Advanced tabs component for show all contents you want into tab containers. You can add up to 8 tabs.

Options

  • Tab name Name of current tab, required
  • Tab icon Icon of current tab
  • Tab content Content of current tab, required, if empty the tab is ignored. You can insert here all the contents you want
  • Tabs 1 to 8 You can add up to 8 tabs
  • Style Tab style
  • Pills style Change the tab design and convert it into a buttons tabs
  • Animation Animation of tab change
  • Icon animation Animation of tab icon, if present