Plugin for Filament Admin Panel that adds a dropdown menu to the header to quickly create new items from anywhere in your app.
Install the package via composer
composer require awcodes/filament-quick-create
In an effort to align with Filament's theming methodology you will need to use a custom theme to use this plugin.
Note If you have not set up a custom theme and are using a Panel follow the instructions in the Filament Docs first. The following applies to both the Panels Package and the standalone Forms package.
Add the plugin's views to your tailwind.config.js
file.
content: [ '<path-to-vendor>/awcodes/filament-quick-create/resources/**/*.blade.php',]
By default, Quick Create will use all resources that are registered with current Filament context. All resources will follow the authorization used by Filament, meaning that if a user doesn't have permission to create a record it will not be listed in the dropdown.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make(), ])}
Warning Excludes and includes are not meant to work together. You should use one or the other, but not both.
Excluding resources will filter them out of the registered resources to prevent them from displaying in the dropdown.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->excludes([ \App\Filament\Resources\UserResource::class, ]), ])}
Sometimes, it might be easier to only include some resources instead of filtering them out. For instance, you have 30 resources but only want to display 3 to 4 in the dropdown.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->includes([ \App\Filament\Resources\UserResource::class, ]), ])}
By default, Quick Create will sort all the displayed options in descending order by Label. This can be disabled should you choose. In which case they will be displayed in the order they are registered with Filament.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->sort(false), ])}
By default, Quick Create will sort all the displayed options by Label. This can be changed to resource navigation sort should you choose. In which case they will be displayed in the order they are displayed in the navigation.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->sortBy('navigation'), ])}
You can attach keyboard shortcuts to trigger the Quick Create dropdown. To configure these, pass the keyBindings() method to the configuration:
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->keyBindings(['command+shift+a', 'ctrl+shift+a']), ])}
By default, the ability to create another record will respect the settings of your 'create record' or 'list records' create action. This can be overridden to either enable or disable it for all resources with the createAnother()
method.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->createAnother(false), ])}
By default, the Quick Create button will be fully rounded if you would like to have a more square button you can disable the rounding with the rounded()
method.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->rounded(false), ])}
If you prefer to not show icons for the items in the menu you can disable them with the hiddenIcons()
method.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->hiddenIcons(), ])}
If you prefer to show a label with the plus icon you can set it using the label()
method and passing your label to it.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->label('New'), ])}
By default, Quick Create will render simple resources in a standard modal. If you would like to render them in a slide over instead you may use the slideOver()
modifier to do so.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->slideOver(), ])}
By default, Quick Create is visible if there are registered resources. If you would like to hide it you may use the hidden()
modifier to do so.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->hidden(fn() => Filament::getTenant()->requiresOnboarding()), ])}
By default, Quick Create plugin renders using 'panels::user-menu.before'
Filament Panel Render Hook. If you would like to customize this to render at a different render hook, you may use the renderUsingHook(string $panelHook)
modifier to do so. You may read about the available Render Hooks in Filament PHP here
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;use Filament\View\PanelsRenderHook;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->renderUsingHook(PanelsRenderHook::SIDEBAR_NAV_END), ])}
Quick create will automatically determine if it should redirect to a create page or to show the form in a modal based on the resource. If you prefer to force all items to be show in a modal you can do so with the alwaysShowModal()
modifier.
use Awcodes\FilamentQuickCreate\QuickCreatePlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ QuickCreatePlugin::make() ->alwaysShowModal(), ])}
Adam is a full-stack web developer (with a focus on Laravel) who has been coding for close to 20 years. He is a core Filament team member as well and has authored numerous plugins for Filament such as Curator, Tiptap Editor and Table Repeater, to name a few. You can learn more about Adam on his website.