kartik-v/yii2-dropdown-x

An extended bootstrap 3.x dropdown widget for Yii 2 with submenu drilldown.

Installs: 709 483

Dependents: 5

Suggesters: 1

Security: 0

Stars: 15

Watchers: 5

Forks: 5

Open Issues: 0

Type:yii2-extension

v1.2.1 2022-01-11 04:38 UTC

This package is auto-updated.

Last update: 2024-12-11 11:04:44 UTC


README

Krajee Logo
yii2-dropdown-x Donate       kartikv

Stable Version Unstable Version License Total Downloads Monthly Downloads Daily Downloads

An extended bootstrap dropdown widget for Yii Framework 2 with submenu drilldown. This widget extends the \yii\bootstrap\Dropdown widget with some additional controls and adds CSS and JS for enabling a submenu drilldown. The dropdown menu style is optimized for both desktop and mobile devices. The drilldown is triggered on active instead of hover so that it works equally well on mobile devices.

Docs & Demo

You can see detailed docs & demos and the API code documentation on usage of the extension.

Installation

The preferred way to install this extension is through composer.

NOTE: Check the composer.json for this extension's requirements and dependencies. Read this web tip /wiki on setting the minimum-stability settings for your application's composer.json.

Either run

$ php composer.phar require kartik-v/yii2-dropdown-x "dev-master"

or add

"kartik-v/yii2-dropdown-x": "dev-master"

to the require section of your composer.json file.

Usage

DropdownX

use kartik\dropdown\DropdownX;
echo DropdownX::widget([
    'items' => [
        ['label' => 'Action', 'url' => '#'],
        ['label' => 'Submenu', 'items' => [
            ['label' => 'Action', 'url' => '#'],
            ['label' => 'Another action', 'url' => '#'],
            ['label' => 'Something else here', 'url' => '#'],
        ]],
        ['label' => 'Something else here', 'url' => '#'],
        '<li class="divider"></li>',
        ['label' => 'Separated link', 'url' => '#'],
    ],
]); 

License

yii2-dropdown-x is released under the BSD 3-Clause License. See the bundled LICENSE.md for details.