Theme Tabler

For more information about installation and/or configuration steps, see backpack/theme-tabler on Github.

Components

In addition to regular menu components provided by Backpack Menu Dropdown and Menu Dropdown Item, Tabler theme provides this new component which is used to create side by side menus on horizontal layouts.

Requirements

• Require Backpack/CRUD:6.6.4 or higher
• Require Backpack/theme-tabler:1.2.1 or higher

Usage

In your parent dropdown item, enable the feature by setting :withColumns="true" and then use x-theme-tabler::menu-dropdown-column component to wrap each set of menu items. See the example below:

<x-backpack::menu-dropdown title=" Vet Clinic" icon="las la-clinic-medical" :withColumns="true">
        <x-theme-tabler::menu-dropdown-column>
            <x-backpack::menu-dropdown-item title=" Appointments" icon="las la-calendar-check" link="https://example.com" />
            <x-backpack::menu-dropdown-item title=" Medical Records" icon="las la-file-medical" link="https://example.com" />
            <x-backpack::menu-dropdown-item title=" Prescriptions" icon="las la-prescription" link="https://example.com" />
        </x-theme-tabler::menu-dropdown-column>
        <x-theme-tabler::menu-dropdown-column>
            <x-backpack::menu-dropdown-item title=" Pet Vaccinations" icon="las la-syringe" link="https://example.com" />
            <x-backpack::menu-dropdown-item title=" Pet Grooming" icon="las la-cut" link="https://example.com" />
            <x-backpack::menu-dropdown-item title=" Pet Boarding" icon="las la-home" link="https://example.com" />
        </x-theme-tabler::menu-dropdown-column>
</x-backpack::menu-dropdown>