Documentation

• Filament Addons
  • Support Filament
  • Installation
    • Admin & Forms
      • Pills (Tab Pills)
  • Testing
  • Changelog
  • Contributing
  • Security Vulnerabilities

#Filament Addons

A set of filament components with extra functionality & fresh look

1. Pills (Tab Pills)
2. Coming Soon ...

#Support Filament

#Installation

You can install the package via composer:

composer require bezhansalleh/filament-addons

#Admin & Forms

#Pills (Tab Pills)

Pills basically behaves like the already existing Tabs form component but does more:

• Can have icons 🥳
• Can have badges 💯
• has a fresh look 💅

use BezhanSalleh\FilamentAddons\Forms\Components;
 
        Components\Pills::make('Heading')
            ->pills([
                Components\Pills\Pill::make('Shield')
                    ->icon('heroicon-o-shield-check')
                    ->badge('7.2K')
                    ->schema([
                        Forms\Components\View::make('static-hello')
                    ]),
                Components\Pills\Pill::make('Google Analytics')
                    ->schema([
                        Forms\Components\View::make('static-why')
                            ->fieldWrapperView(fn() => view('welcome')),
                        ])->columns(1),
                Components\Pills\Pill::make('Translations Manager')
                    ->icon('heroicon-o-sparkles')
                    ->schema([
                        Forms\Components\View::make('static-view'),
                        ...
                    ]),
                ]),

Note The above snippet inside a resource form or page form will render as follow:

https://filament.ams3.digitaloceanspaces.com/t6MwvRuIzami1LE53QL2n59wM5lyydI5Y4EqcIJ1.png

Opionally, you can publish the views using

php artisan vendor:publish --tag="filament-addons-views"

#Testing

composer test

#Changelog

Please see CHANGELOG for more information on what has changed recently.

#Contributing

If you want to contribute to this packages, you may want to test it in a real Filament project:

• Fork this repository to your GitHub account.
• Create a Filament app locally.
• Clone your fork in your Filament app's root directory.
• In the /filament-addons directory, create a branch for your fix, e.g. fix/error-message.

Install the packages in your app's composer.json:

"require": {
    "bezhansalleh/filament-addons": "dev-fix/error-message as main-dev",
},
"repositories": [
    {
        "type": "path",
        "url": "filament-addons"
    }
]

Now, run composer update.

Please see CONTRIBUTING for details.

#Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.