PHPackages                             dgvai/laravel-adminlte-components - 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. [Admin Panels](/categories/admin)
4. /
5. dgvai/laravel-adminlte-components

ActiveLaravel-package[Admin Panels](/categories/admin)

dgvai/laravel-adminlte-components
=================================

Laravel Blade Components For AdminLTE Bootstrap Admin Template

2.1.2(5y ago)754.5k↓50%15[5 issues](https://github.com/dgvai/laravel-adminlte-components/issues)MITJavaScript

Since May 14Pushed 5y ago7 watchersCompare

[ Source](https://github.com/dgvai/laravel-adminlte-components)[ Packagist](https://packagist.org/packages/dgvai/laravel-adminlte-components)[ RSS](/packages/dgvai-laravel-adminlte-components/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (6)DependenciesVersions (13)Used By (0)

AdminLTE Blade Components for Laravel 7+
========================================

[](#adminlte-blade-components-for-laravel-7)

[![Latest Stable Version](https://camo.githubusercontent.com/f804f6c20e65243fd13a4d44397c5cbf02672071d14089a7390b6ddfa7f5a0c1/68747470733a2f2f706f7365722e707567782e6f72672f64677661692f6c61726176656c2d61646d696e6c74652d636f6d706f6e656e74732f762f737461626c65)](https://packagist.org/packages/dgvai/laravel-adminlte-components)[![Total Downloads](https://camo.githubusercontent.com/1dcc49c23b7cf6f1ccfcb72dd76e3d51a3eb1982cd25623dcd2c0f4f6f8afaa0/68747470733a2f2f706f7365722e707567782e6f72672f64677661692f6c61726176656c2d61646d696e6c74652d636f6d706f6e656e74732f646f776e6c6f616473)](https://packagist.org/packages/dgvai/laravel-adminlte-components)[![Latest Unstable Version](https://camo.githubusercontent.com/f22f10c8f2af8b139fb304d5f2d23d203dc05745c44543b98574c65ccf2954b2/68747470733a2f2f706f7365722e707567782e6f72672f64677661692f6c61726176656c2d61646d696e6c74652d636f6d706f6e656e74732f762f756e737461626c65)](https://packagist.org/packages/dgvai/laravel-adminlte-components)[![License](https://camo.githubusercontent.com/864f3ad29864c8b1330bfd6342a7f1466c196488ef08c2c88c289f6f2adc46dd/68747470733a2f2f706f7365722e707567782e6f72672f64677661692f6c61726176656c2d61646d696e6c74652d636f6d706f6e656e74732f6c6963656e7365)](https://packagist.org/packages/dgvai/laravel-adminlte-components)[![Monthly Downloads](https://camo.githubusercontent.com/60e1aa6c63de2f26a62eb0654a0b20806b80d19149dde40672d0c3ffbc349d26/68747470733a2f2f706f7365722e707567782e6f72672f64677661692f6c61726176656c2d61646d696e6c74652d636f6d706f6e656e74732f642f6d6f6e74686c79)](https://packagist.org/packages/dgvai/laravel-adminlte-components)[![Daily Downloads](https://camo.githubusercontent.com/5e369bb635ae36cbd7cb052f2a69a06320f21a5121f08dedc3b1528bcc4a0cf0/68747470733a2f2f706f7365722e707567782e6f72672f64677661692f6c61726176656c2d61646d696e6c74652d636f6d706f6e656e74732f642f6461696c79)](https://packagist.org/packages/dgvai/laravel-adminlte-components)[![composer.lock](https://camo.githubusercontent.com/fc53f4636dac83f96e3a4fe0d76a7a0305f07215842a7cab875eba7871af6ab9/68747470733a2f2f706f7365722e707567782e6f72672f64677661692f6c61726176656c2d61646d696e6c74652d636f6d706f6e656e74732f636f6d706f7365726c6f636b)](https://packagist.org/packages/dgvai/laravel-adminlte-components)

This package contains [Laravel Blade Components](https://laravel.com/docs/7.x/blade#components) for [AdminLTE 3](https://adminlte.io/docs/3.0/) free Boostrap admin panel UI Kit. Since, blade components are only available after Laravel 7, thus only laravel 7.x+ can use this package.

Contents
--------

[](#contents)

- [AdminLTE Blade Components for Laravel 7+](#adminlte-blade-components-for-laravel-7)
    - [Contents](#contents)
    - [Installation](#installation)
    - [Extract Plugins](#extract-plugins)
    - [Configurations](#configurations)
    - [Components](#components)
        - [Widgets](#widgets)
            - [**INFO BOX**](#info-box)
            - [**SMALL BOX**](#small-box)
            - [**CARDS**](#cards)
            - [**ALERT**](#alert)
            - [**CALLOUT**](#callout)
            - [**PROGRESS**](#progress)
            - [**PROFILE FLAT**](#profile-flat)
            - [**PROFILE WIDGET**](#profile-widget)
            - [**MODAL**](#modal)
            - [**DATATABLE**](#datatable)
        - [Form Components](#form-components)
            - [INPUT](#input)
            - [INPUT-FILE](#input-file)
            - [INPUT-COLOR](#input-color)
            - [INPUT-DATE](#input-date)
            - [DATE-RANGE](#date-range)
            - [INPUT-SWITCH](#input-switch)
            - [INPUT-TAG](#input-tag)
            - [INPUT-SLIDER](#input-slider)
            - [SELECT](#select)
            - [SELECT2](#select2)
            - [SELECT-ICON](#select-icon)
            - [TEXTAREA](#textarea)
            - [TEXT-EDITOR](#text-editor)
            - [SUBMIT](#submit)
    - [Example Codes](#example-codes)
    - [Summary](#summary)
    - [Changelog](#changelog)
    - [License](#license)

Installation
------------

[](#installation)

You can install the package via composer:

```
    composer require dgvai/laravel-adminlte-components
```

Extract Plugins
---------------

[](#extract-plugins)

```
    php artisan vendor:publish --tag=adminlte-dg-plugins
```

Configurations
--------------

[](#configurations)

You can use this package, stand alone with AdminLTE installed in your app. You just need to add an `@yield('js')` at the bottom of your master blade layout.

Or, if you use [jeroennoten/Laravel-AdminLTE](https://github.com/jeroennoten/Laravel-AdminLTE) package, then you do not need to add anything at `master`. I will prefer to use this package.

Use this in the [jeroennoten/Laravel-AdminLTE](https://github.com/jeroennoten/Laravel-AdminLTE) config:

```
        [
            'name' => 'AdminLTE-Components-DG',
            'active' => true,
            'files' => [
                [
                    'type' => 'css',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/select2/css/select2.min.css',
                ],
                [
                    'type' => 'css',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/select2/css/select2-bootstrap4.min.css',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/select2/js/select2.min.js',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/bs-custom-file-input/bs-custom-file-input.min.js',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/moment/moment.min.js',
                ],
                [
                    'type' => 'css',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js',
                ],
                [
                    'type' => 'css',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/summernote/summernote-bs4.css',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/summernote/summernote-bs4.min.js',
                ],
                [
                    'type' => 'css',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/bs-select/css/bootstrap-select.min.css',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/bs-select/js/bootstrap-select.min.js',
                ],
                [
                    'type' => 'css',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/bootstrap-tags-input/bootstrap-tagsinput.css',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/bootstrap-tags-input/bootstrap-tagsinput.js',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/daterangepicker/daterangepicker.js',
                ],
                [
                    'type' => 'css',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/daterangepicker/daterangepicker.css',
                ],
                [
                    'type' => 'css',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js',
                ],
                [
                    'type' => 'css',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/bootstrap-slider/css/bootstrap-slider.min.css',
                ],
                [
                    'type' => 'js',
                    'asset' => true,
                    'location' => '/vendor/dg-plugins/bootstrap-slider/js/bootstrap-slider.min.js',
                ],
            ],
        ],
```

Components
----------

[](#components)

### Widgets

[](#widgets)

#### **INFO BOX**

[](#info-box)

[![Info Box](assets/info-box.png)](assets/info-box.png)
[![Info Box Full](assets/info-box-full.png)](assets/info-box-full.png)

**MINIMUM USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSREQUIREDTYPEtitleTitle of the info boxtruestringtextData texttruestringbgBackground Color of the icon. This follows bootstrap colors: success, info, primary... etcfalsestringiconThe fontawesome icon class. Eg. `fas fa-star`, `fas fa-user-plus`falsestringgradUse gradient color? `true/false`falsebooleanfullUse full INFO BOX? `true/false`falsebooleanprogressShow Progress bar?falseintcommentShow comment?falsestringidDynamic Binding?falsestring**EXAMPLE**

```

```

**DYNAMIC BINDINGS**
Set `id` attibute, this will enable dynamic attributes for:

ID\#{id}-title\#{id}-text\#{id}-progress\#{id}-comment**EXAMPLE**

```

    $(()=>{
        $('#userbox-title').text('Users');
        $('#userbox-text').text('102');
    });

```

#### **SMALL BOX**

[](#small-box)

[![Small Box](assets/small-box.png)](assets/small-box.png)

**MINIMUM USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSREQUIREDTYPEtitleTitle of the info boxtruestringtextData texttruestringbgBackground Color of the icon. This follows bootstrap colors: success, info, primary... etcfalsestringiconThe fontawesome icon class. Eg. `fas fa-star`, `fas fa-user-plus`falsestringurlThe url to follow.falsestringurlTextText of the HyperLink.falsestringloadingSet loading state `true/false`falsebooleanidDynamic Binding?falsestring**EXAMPLE**

```

```

**DYNAMIC BINDINGS**
Set `id` attibute, this will enable dynamic attributes for:

ID\#{id}-title\#{id}-text\#{id}-link**EXAMPLE**

```

    $(()=>{
        $('#userbox-text').text('102');
        $('#userbox-link').attr('href',new.link);
    });

```

#### **CARDS**

[](#cards)

[![Cards](assets/cards.png)](assets/cards.png)

**MINIMUM USAGE**

```

    ...

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSREQUIREDTYPEtitleTitle of the CardtruestringbgBackground Color of the icon. This follows bootstrap colors: success, info, primary... etcfalsestringcollapsedIs Collapsed? `true/false`falsebooleanremovableIs removable? `true/false`falsebooleanmaximizableIs maximizable? `true/false`falsebooleandisabledIs disabled? `true/false`falsebooleanoutlineIs outlined? `true/false`falsebooleanfullIs full background? `true/false`falseboolean**EXAMPLE**

```

    ...

```

#### **ALERT**

[](#alert)

[![Alerts](assets/alert.png)](assets/alert.png)

**MINIMUM USAGE**

```

    This is alert

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSREQUIREDTYPEtitleTitle of the AlerttruestringtypeType of alert. Boostrap types: success, info, primary,... etcfalsestringdismissableIs the alert dismissable? `true/false`falseboolean**EXAMPLE**

```

    This is alert

```

#### **CALLOUT**

[](#callout)

[![Alerts](assets/callout.png)](assets/callout.png)

**MINIMUM USAGE**

```
This is callout
```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSREQUIREDTYPEtitleTitle of the CalloutfalsestringtypeType of alert. Boostrap types: success, info, primary,... etcfalsestring**EXAMPLE**

```

    This is callout

```

#### **PROGRESS**

[](#progress)

[![Alerts](assets/progress.png)](assets/progress.png)

**MINIMUM USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSREQUIREDTYPEbgType of background. Boostrap backgd: success, info, primary,... etcfalsestringsizeSize or progress bar: sm, xs, xxsfalsestringvalueValue of progress.truenumericstrippedIs stripped design? `true/false`falsebooleanverticalIs vertical? `true/false`falseboolean**EXAMPLE**

```

```

#### **PROFILE FLAT**

[](#profile-flat)

[![Alerts](assets/prof-1.png)](assets/prof-1.png)

**USAGE**

```

```

#### **PROFILE WIDGET**

[](#profile-widget)

[![Alerts](assets/prof-23.png)](assets/prof-23.png)

**USAGE**

```

```

#### **MODAL**

[](#modal)

**MINIMUM USAGE**

```

    ...

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSREQUIREDTYPEidID of modaltruestringtitleTitle of modaltruestringsizemodal size: sm,lg,fluidfalsestringcenteredis centered? `true/false`falsebooleanindexNo of index. (Modal up on a modal)falseinteger**EXAMPLE**

```

    ...

```

#### **DATATABLE**

[](#datatable)

**MINIMUM USAGE**

```

...

$(()=>{
   $('#sales-table').Datatable({
       ...
       ...
   });
});

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSREQUIREDTYPEidID of the tabletruestringheadsArray of the headings (thead)truearraybeautifyto beautify? `true/false`falsebooleanborderedis bordered? `true/false`falsebooleanhoverableis hoverable? `true/false`falsebooleancondensedis condensed? `true/false`falsebooleanfooterhas footer? `true/false`falsebooleanbuttonshas buttons (print/export)? `true/false`falseboolean**ACKNOWLEDGEMENTS**Use `Dom : 'Blftrip'` while using buttons. See Examples to be more clear!

### Form Components

[](#form-components)

#### INPUT

[](#input)

**USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEtypeInput TypetextstringidInput IDnullstringnameInput namenullstringlabelInput LabelInput LabelstringplaceholderInput placeholdernullstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringvalueInput valuenullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanstepHTML Attr: stepfalseintmaxHTML Attr: maxfalseintmaxlengthHTML Attr: maxlengthfalseintpatternHTML Attr: patternfalseregex#### INPUT-FILE

[](#input-file)

**REQUIRES**
[bs-custom-file-input.min.js](https://www.npmjs.com/package/bs-custom-file-input)

**USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput LabelstringplaceholderInput placeholdernullstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringvalueInput valuenullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanmultipleis multiple?falseboolean#### INPUT-COLOR

[](#input-color)

**REQUIRES**
[bootstrap-colorpicker](https://www.npmjs.com/package/bootstrap-colorpicker)

**USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput LabelstringplaceholderInput placeholdernullstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringvalueInput valuenullstringdisabledis disabled?falsebooleanrequiredis required?falseboolean#### INPUT-DATE

[](#input-date)

**REQUIRES**
[tempusdominus-bootstrap-4](https://tempusdominus.github.io/bootstrap-4/)

**USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput LabelstringplaceholderInput placeholdernullstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringvalueInput valuenullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanformat[Moment.js](https://momentjs.com/docs/#/displaying/format/) datetime formatYYYY-MM-DDstring#### DATE-RANGE

[](#date-range)

**REQUIRES**
[datetimepicker](https://www.daterangepicker.com/)

**USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringtitleInput TitleFilter RangestringiconIconfar fa-calendar-altstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'filter button'nullstringinitThe initial position of range, (0-5) \*2integercallbackThe JS callback function to run on change filternullstring (js)**\* init**
0 - Today
1 - Yesterday
2 - Last 7 Days
3 - Last 30 Days
4 - This Month
5 - Last Month

#### INPUT-SWITCH

[](#input-switch)

**REQUIRES**
[bootstrap-switch](https://bttstrp.github.io/bootstrap-switch/)

**USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput LabelstringplaceholderInput placeholdernullstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleancheckedis checked?falseboolean#### INPUT-TAG

[](#input-tag)

**REQUIRES**
[bootstrap-tagsinput](https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/)

**USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput LabelstringplaceholderInput placeholdernullstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanmaxmax tag count10integer#### INPUT-SLIDER

[](#input-slider)

**REQUIRES**
[bootstrap-slider](https://github.com/seiyria/bootstrap-slider)

**USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnonestringnameInput namenullstringlabelInput LabelInput Labelstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanminminimum0signed intmaxmaximum100signed intvaluevaluenullstringcolorblue, green, red, teal, yellow, purplebluestringtickEnable Tick?falsebooleanticksTicks : \[0, 10, 20, ...\]nullstringtickLabelsTick Labels : \["low", "medium", "high" ...\]nullstringverticalIs vertical?falseboolean#### SELECT

[](#select)

**USAGE**

```

    Text

```

**ALL AVAILABLE ATTRIBUTES: SELECT**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput Labelstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanmultipleis multiple?falseboolean**ALL AVAILABLE ATTRIBUTES: OPTION**

ATTRIBUTEDETAILSDEFAULTTYPEvaluevalue of optionnullstringselectedis selected?falsebooleandisabledis disabled?falseboolean#### SELECT2

[](#select2)

**REQUIRES**
[select2](https://select2.org/)

**USAGE**

```

    Text

```

**ALL AVAILABLE ATTRIBUTES: SELECT**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput Labelstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanmultipleis multiple?falseboolean**ALL AVAILABLE ATTRIBUTES: OPTION**

ATTRIBUTEDETAILSDEFAULTTYPEvaluevalue of optionnullstringselectedis selected?falsebooleandisabledis disabled?falseboolean#### SELECT-ICON

[](#select-icon)

**REQUIRES**
[bootstrap-select](https://developer.snapappointments.com/bootstrap-select/)

**USAGE**

```

    Text

```

**ALL AVAILABLE ATTRIBUTES: SELECT**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput Labelstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanmultipleis multiple?falseboolean**ALL AVAILABLE ATTRIBUTES: OPTION**

ATTRIBUTEDETAILSDEFAULTTYPEvaluevalue of optionnullstringiconhas icon?falsebooleancontenticon classnullstringselectedis selected?falsebooleandisabledis disabled?falseboolean#### TEXTAREA

[](#textarea)

**USAGE**

```
Hi,,,
```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput LabelstringplaceholderInput placeholdernullstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanrowstextarea rows10integer#### TEXT-EDITOR

[](#text-editor)

**REQUIRES**
[summernote](https://summernote.org/)

**USAGE**

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEidInput IDnullstringnameInput namenullstringlabelInput LabelInput LabelstringplaceholderInput placeholdernullstringtopclassclass along with 'fomr-group'nullstringinputclassclass along with 'form-control'nullstringdisabledis disabled?falsebooleanrequiredis required?falsebooleanbodytexteditor text bodynulllong textheighttexteditor height800integerfontsset custom fontsnullarray**Example Fonts Array**

```
    $fonts = ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Impact', 'Montserrat',  'Open Sans'];
```

#### SUBMIT

[](#submit)

```

```

**ALL AVAILABLE ATTRIBUTES**

ATTRIBUTEDETAILSDEFAULTTYPEtypebutton type: success, primary, ...,etcinfostringtopclassclass along with 'fomr-group'nullstringlabelbutton labelSubmitstringiconbutton iconfas fa-savestringinputclassclass along with 'form-control'nullstringExample Codes
-------------

[](#example-codes)

You can browse through the examples of advanced usages from [examples](examples/) directory.

Summary
-------

[](#summary)

This document might not be well-documented. I will happily accept any documentation pull-requests.

> PULL REQUESTS for new components should be in non-master branch

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

37

—

LowBetter than 83% of packages

Maintenance19

Infrequent updates — may be unmaintained

Popularity36

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 100% 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 ~7 days

Recently: every ~12 days

Total

11

Last Release

2116d ago

Major Versions

1.1.2 → 2.0.02020-05-26

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/53512998?v=4)[Jalal Uddin](/maintainers/dgvai)[@dgvai](https://github.com/dgvai)

---

Top Contributors

[![dgvai](https://avatars.githubusercontent.com/u/53512998?v=4)](https://github.com/dgvai "dgvai (52 commits)")

---

Tags

adminlteadminlte-componentblade-componentslaravellaravel-adminltelaravel-bladelaravel-blade-component

### Embed Badge

![Health badge](/badges/dgvai-laravel-adminlte-components/health.svg)

```
[![Health](https://phpackages.com/badges/dgvai-laravel-adminlte-components/health.svg)](https://phpackages.com/packages/dgvai-laravel-adminlte-components)
```

###  Alternatives

[jeroennoten/laravel-adminlte

Easy AdminLTE integration with Laravel

4.0k4.8M43](/packages/jeroennoten-laravel-adminlte)[dmstr/yii2-adminlte-asset

AdminLTE backend theme asset bundle for Yii 2.0 Framework

1.1k1.8M67](/packages/dmstr-yii2-adminlte-asset)[dwij/laraadmin

LaraAdmin is a Open source Laravel Admin Panel / CMS which can be used as Admin Backend, Data Management Tool or CRM boilerplate for Laravel with features like CRUD Generation, Module Manager, Media, Menus, Backups and much more

1.6k68.7k](/packages/dwij-laraadmin)[filament/spatie-laravel-media-library-plugin

Filament support for `spatie/laravel-medialibrary`.

1764.8M125](/packages/filament-spatie-laravel-media-library-plugin)[bezhansalleh/filament-exceptions

A Simple &amp; Beautiful Pluggable Exception Viewer for FilamentPHP's Admin Panel

193195.9k13](/packages/bezhansalleh-filament-exceptions)[filament/infolists

Easily add beautiful read-only infolists to any Livewire component.

1220.8M36](/packages/filament-infolists)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
