PHPackages kartik-v/yii2-tabs-x - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. kartik-v/yii2-tabs-x ActiveYii2-extension[Utility & Helpers](/categories/utility) kartik-v/yii2-tabs-x ==================== A supercharged Bootstrap tabs widget with ability to align tabs in multiple ways, add borders, rotated titles, and more. v1.2.9(3y ago)301.4M—8.7%17[2 issues](https://github.com/kartik-v/yii2-tabs-x/issues)19BSD-3-ClausePHP Since Oct 5Pushed 3y ago3 watchersCompare [ Source](https://github.com/kartik-v/yii2-tabs-x)[ Packagist](https://packagist.org/packages/kartik-v/yii2-tabs-x)[ Docs](https://github.com/kartik-v/yii2-tabs-x)[ RSS](/packages/kartik-v-yii2-tabs-x/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (10)Dependencies (2)Versions (14)Used By (19) [ ![Krajee Logo](https://camo.githubusercontent.com/4addfbb3869c3fc7d79befea4f06d9cf3655a686fb503df0da1d725859cfdef9/687474703a2f2f6b617274696b2d762e6769746875622e696f2f626f6f7473747261702d66696c65696e7075742d73616d706c65732f73616d706c65732f6b72616a65652d6c6f676f2d622e706e67) ](http://demos.krajee.com "Krajee Demos") yii2-tabs-x --- [![Donate](https://camo.githubusercontent.com/0336bc43d88554a3f2d6c74dddf312bc2c65c2eacca70d83ae40f5567098d00e/68747470733a2f2f6b617274696b2d762e6769746875622e696f2f626f6f7473747261702d66696c65696e7075742d73616d706c65732f73616d706c65732f646f6e6174652e706e67)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DTP3NZQ6G2AYU "Donate via Paypal") [![kartikv](https://camo.githubusercontent.com/0cf29a542375e1a46e84d8bf5805a4e5c0a6ee98b6547ccdc0c55eed49d99c69/68747470733a2f2f63646e2e6275796d6561636f666665652e636f6d2f627574746f6e732f76322f64656661756c742d79656c6c6f772e706e67)](https://www.buymeacoffee.com/kartikv "Buy me a coffee") ============================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== [](#------------------------yii2-tabs-x------------------) [![Stable Version](https://camo.githubusercontent.com/938a8d89d203ca580c8948364bdea2ec680750ce9462818df68a5a62561f16d0/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d746162732d782f762f737461626c65)](https://packagist.org/packages/kartik-v/yii2-tabs-x)[![Untable Version](https://camo.githubusercontent.com/311e260c74e180b486a52cc05465e14ca33c26653feaeca9f3f4a7ee990af0ee/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d746162732d782f762f756e737461626c65)](https://packagist.org/packages/kartik-v/yii2-tabs-x)[![License](https://camo.githubusercontent.com/f11aca32b7d2c40ceeb047e804e88420f425c6c724c314cecf62283f9c0a9ec3/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d746162732d782f6c6963656e7365)](https://packagist.org/packages/kartik-v/yii2-tabs-x)[![Total Downloads](https://camo.githubusercontent.com/af44595db56cf2da2c4c0bf3f5ce3e3da82c75797ac8cdbcd0a46494479918e1/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d746162732d782f646f776e6c6f616473)](https://packagist.org/packages/kartik-v/yii2-tabs-x)[![Monthly Downloads](https://camo.githubusercontent.com/5ff0756db9581b7ffb92a7594478045d859a54fb81d789f82056096aac95c09e/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d746162732d782f642f6d6f6e74686c79)](https://packagist.org/packages/kartik-v/yii2-tabs-x)[![Daily Downloads](https://camo.githubusercontent.com/593523f71e8f8812ebc9bf1afaf642451556aa99f64beb3df1d9e07f070183d2/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d746162732d782f642f6461696c79)](https://packagist.org/packages/kartik-v/yii2-tabs-x) An extended tabs widget for Yii Framework 2 based on the [bootstrap-tabs-x jQuery plugin](http://plugins.krajee.com/tabs-x) by Krajee. This plugin includes various CSS3 styling enhancements and various tweaks to the core [Bootstrap Tabs plugin](http://getbootstrap.com/javascript/#tabs). The extension supports Bootstrap 5.x or 4.x or 3.x library versions. It also helps you align tabs in multiple ways, add borders, achieve rotated/sideways titles, load tab content via ajax, and more. Features -------- [](#features) The plugin offers these enhanced features: - Supports various tab opening directions: `above` (default), `below`, `right`, and `left`. - Allows you to box the tab content in a new `bordered` style. This can work with any of the tab directions above. - Allows you to align the entire tab content to the `left` (default), `center`, or `right` of the parent container/page. - Automatically align & format heights and widths for bordered tabs for `right` and `left` positions. - Allows a rotated `sideways` tab header orientation for the `right` and `left` tab directions. - Auto detect overflowing header labels for `sideways` orientation (with ellipsis styling) and display full label as a title on hover. Demo ---- [](#demo) You can see detailed [documentation and examples](http://demos.krajee.com/tabs-x) on usage of the extension. Installation ------------ [](#installation) The preferred way to install this extension is through [composer](http://getcomposer.org/download/). > NOTE: Check the [composer.json](https://github.com/kartik-v/yii2-tabs-x/blob/master/composer.json) for this extension's requirements and dependencies. Read this [web tip /wiki](http://webtips.krajee.com/setting-composer-minimum-stability-application/) on setting the `minimum-stability` settings for your application's composer.json. Either run ``` $ php composer.phar require kartik-v/yii2-tabs-x "@dev" ``` or add ``` "kartik-v/yii2-tabs-x": "@dev" ``` to the `require` section of your `composer.json` file. Usage ----- [](#usage) ### TabsX [](#tabsx) ``` use kartik\tabs\TabsX; echo TabsX::widget([ 'position' => TabsX::POS_ABOVE, 'align' => TabsX::ALIGN_LEFT, 'items' => [ [ 'label' => 'One', 'content' => 'Anim pariatur cliche...', 'active' => true ], [ 'label' => 'Two', 'content' => 'Anim pariatur cliche...', 'headerOptions' => ['style'=>'font-weight:bold'], 'options' => ['id' => 'myveryownID'], ], [ 'label' => 'Dropdown', 'items' => [ [ 'label' => 'DropdownA', 'content' => 'DropdownA, Anim pariatur cliche...', ], [ 'label' => 'DropdownB', 'content' => 'DropdownB, Anim pariatur cliche...', ], ], ], ], ]); ``` Sticky Tabs ----------- [](#sticky-tabs) You can provides pushState (back and forward button support) to Bootstrap tabs. You can enable or disable sticky tabs behaviour by setting `enableStickyTabs` property. This will use the [jquery.stickytabs plugin](https://github.com/timabell/jquery-stickytabs) to enable the sticky tabs push state behavior. If you want to change the sticky tabs plugin settings you can set the `stickyTabsOptions` property. ``` echo TabsX::widget([ 'enableStickyTabs' => true, 'stickyTabsOptions' => [ 'selectorAttribute' => 'data-target', 'backToTop' => true, ], 'items' => [ // ... items here ] ]); ``` License ------- [](#license) **yii2-tabs-x** is released under the BSD-3-Clause License. See the bundled `LICENSE.md` for details. ### Health Score 45 — FairBetter than 93% of packages Maintenance19 Infrequent updates — may be unmaintained Popularity51 Moderate usage in the ecosystem Community29 Small or concentrated contributor base Maturity70 Established project with proven stability Bus Factor1 Top contributor holds 82.4% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~266 days Recently: every ~375 days Total 12 Last Release 1311d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/3592619?v=4)[Kartik Visweswaran](/maintainers/kartik-v)[@kartik-v](https://github.com/kartik-v) --- Top Contributors [![kartik-v](https://avatars.githubusercontent.com/u/3592619?v=4)](https://github.com/kartik-v "kartik-v (42 commits)")[![smohadjer](https://avatars.githubusercontent.com/u/1375720?v=4)](https://github.com/smohadjer "smohadjer (4 commits)")[![SamMousa](https://avatars.githubusercontent.com/u/547021?v=4)](https://github.com/SamMousa "SamMousa (2 commits)")[![AnniG](https://avatars.githubusercontent.com/u/3613588?v=4)](https://github.com/AnniG "AnniG (1 commits)")[![kullarkert](https://avatars.githubusercontent.com/u/195263?v=4)](https://github.com/kullarkert "kullarkert (1 commits)")[![m00nh3ck](https://avatars.githubusercontent.com/u/854403?v=4)](https://github.com/m00nh3ck "m00nh3ck (1 commits)") --- Tags jquerybootstrapextendedmodaltabstabs-xmodal-tabs ### Embed Badge ![Health badge](/badges/kartik-v-yii2-tabs-x/health.svg) ``` [![Health](https://phpackages.com/badges/kartik-v-yii2-tabs-x/health.svg)](https://phpackages.com/packages/kartik-v-yii2-tabs-x) ``` ### Alternatives [kartik-v/bootstrap-tabs-x Extended Bootstrap Tabs with ability to align tabs in multiple ways, add borders, rotated titles, and more. 1021.3M1](/packages/kartik-v-bootstrap-tabs-x)[kartik-v/bootstrap-popover-x Bootstrap Popover Extended - Popover with modal behavior, styling enhancements and more. 1143.4M3](/packages/kartik-v-bootstrap-popover-x)[snapappointments/bootstrap-select The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support. 9.8k480.4k3](/packages/snapappointments-bootstrap-select)[kartik-v/yii2-dialog An asset bundle for bootstrap3-dialog for Yii 2.0 framework. 496.2M18](/packages/kartik-v-yii2-dialog)[kartik-v/yii2-popover-x An extended bootstrap 3.0 popover widget which combines both the bootstrap popover and modal features and includes various new styling enhancements. 233.4M8](/packages/kartik-v-yii2-popover-x)[kartik-v/yii2-widget-rating A Yii2 widget for the simple yet powerful bootstrap-star-rating plugin with fractional rating support (sub repo split from yii2-widgets) 444.1M8](/packages/kartik-v-yii2-widget-rating) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)