The Ultimate Guide to Filament Render Hooks for Laravel Developers

In this article, we are going to explore the different filament render hooks. Filament render hooks are the special placeholder that allow developers to inject the custom Blade component or any other UI component at any specific point in the admin panel.

Registering Render Hook

To register filament render hooks, we can call FilamentView::registerRenderHook() from a service provider or middleware. It takes two parameters where the first argument is the name of the render hook, and the second argument is a callback that returns the content to be rendered.

 
FilamentView::registerRenderHook(
    PanelsRenderHook::BODY_START, // name of renderhook
    fn (): string => Blade::render('@livewire(\'livewire-ui-modal\')'), // content
);

In this article, we are listing all filament render hooks. You can learn more from the official docs.

Exploring different Render Hooks

Panel Builder

Auth Login Form Render Hooks

1. PanelsRenderHook::AUTH_LOGIN_FORM_AFTER
2. PanelsRenderHook::AUTH_LOGIN_FORM_BEFORE
3. PanelsRenderHook::AUTH_PASSWORD_RESET_REQUEST_FORM_AFTER
4. PanelsRenderHook::AUTH_PASSWORD_RESET_REQUEST_FORM_BEFORE
5. PanelsRenderHook::AUTH_PASSWORD_RESET_RESET_FORM_AFTER
6. PanelsRenderHook::AUTH_PASSWORD_RESET_RESET_FORM_BEFORE
7. PanelsRenderHook::AUTH_REGISTER_FORM_AFTER
8. PanelsRenderHook::AUTH_REGISTER_FORM_BEFORE

Body , Content and Footer Render Hooks

1. PanelsRenderHook::BODY_END
2. PanelsRenderHook::BODY_START
3. PanelsRenderHook::CONTENT_END
4. PanelsRenderHook::FOOTER

Global Search Render Hooks

1. PanelsRenderHook::GLOBAL_SEARCH_AFTER
2. PanelsRenderHook::GLOBAL_SEARCH_BEFORE
3. PanelsRenderHook::GLOBAL_SEARCH_END
4. PanelsRenderHook::GLOBAL_SEARCH_START

Head Render Hooks

1. PanelsRenderHook::HEAD_END
2. PanelsRenderHook::HEAD_START

Page Render Hooks

1. PanelsRenderHook::PAGE_END
2. PanelsRenderHook::PAGE_FOOTER_WIDGETS_AFTER
3. PanelsRenderHook::PAGE_FOOTER_WIDGETS_BEFORE
4. PanelsRenderHook::PAGE_HEADER_ACTIONS_AFTER
5. PanelsRenderHook::PAGE_HEADER_ACTIONS_BEFORE
6. PanelsRenderHook::PAGE_HEADER_WIDGETS_AFTER
7. PanelsRenderHook::PAGE_HEADER_WIDGETS_BEFORE
8. PanelsRenderHook::PAGE_START

Page Sub Navigation Render Hooks

1. PanelsRenderHook::PAGE_SUB_NAVIGATION_END_AFTER 
2. PanelsRenderHook::PAGE_SUB_NAVIGATION_END_BEFORE 
3. PanelsRenderHook::PAGE_SUB_NAVIGATION_SELECT_AFTER 
4. PanelsRenderHook::PAGE_SUB_NAVIGATION_SELECT_BEFORE 
5. PanelsRenderHook::PAGE_SUB_NAVIGATION_SIDEBAR_AFTER 
6. PanelsRenderHook::PAGE_SUB_NAVIGATION_SIDEBAR_BEFORE 
7. PanelsRenderHook::PAGE_SUB_NAVIGATION_START_AFTER 
8. PanelsRenderHook::PAGE_SUB_NAVIGATION_START_BEFORE
9. PanelsRenderHook::PAGE_SUB_NAVIGATION_TOP_AFTER 
10. PanelsRenderHook::PAGE_SUB_NAVIGATION_TOP_BEFORE 

List Record Page Render Hooks

1. PanelsRenderHook::RESOURCE_PAGES_LIST_RECORDS_TABLE_AFTER 
2. PanelsRenderHook::RESOURCE_PAGES_LIST_RECORDS_TABLE_BEFORE 
3. PanelsRenderHook::RESOURCE_PAGES_LIST_RECORDS_TABS_END
4. PanelsRenderHook::RESOURCE_PAGES_LIST_RECORDS_TABS_START 

Manage Related Records Render Hooks

1. PanelsRenderHook::RESOURCE_PAGES_MANAGE_RELATED_RECORDS_TABLE_AFTER 
2. PanelsRenderHook::RESOURCE_PAGES_MANAGE_RELATED_RECORDS_TABLE_BEFORE
3. PanelsRenderHook::RESOURCE_RELATION_MANAGER_AFTER 
4. PanelsRenderHook::RESOURCE_RELATION_MANAGER_BEFORE 
5. PanelsRenderHook::RESOURCE_TABS_END
6. PanelsRenderHook::RESOURCE_TABS_START 

Scripts, Sidebar, Styles Render Hook

1. PanelsRenderHook::SCRIPTS_AFTER 
2. PanelsRenderHook::SCRIPTS_BEFORE
3. PanelsRenderHook::SIDEBAR_NAV_END
4. PanelsRenderHook::SIDEBAR_NAV_START
5. PanelsRenderHook::SIMPLE_PAGE_END 
6. PanelsRenderHook::SIMPLE_PAGE_START 
7. PanelsRenderHook::SIDEBAR_FOOTER 
8. PanelsRenderHook::STYLES_AFTER
9. PanelsRenderHook::STYLES_BEFORE

Tenant menu Render Hooks

1. PanelsRenderHook::TENANT_MENU_AFTER
2. PanelsRenderHook::TENANT_MENU_BEFORE 

Topbar Render Hooks

1. PanelsRenderHook::TOPBAR_AFTER
2. PanelsRenderHook::TOPBAR_BEFORE
3. PanelsRenderHook::TOPBAR_END
4. PanelsRenderHook::TOPBAR_START 

User Menu Render Hooks

1. PanelsRenderHook::USER_MENU_AFTER 
2. PanelsRenderHook::USER_MENU_BEFORE
3. PanelsRenderHook::USER_MENU_PROFILE_AFTER
4. PanelsRenderHook::USER_MENU_PROFILE_BEFORE

Table Filament Render Hooks

• TablesRenderHook::SELECTION_INDICATOR_ACTIONS_AFTER 
• TablesRenderHook::SELECTION_INDICATOR_ACTIONS_BEFORE 
• TablesRenderHook::HEADER_AFTER 
• TablesRenderHook::HEADER_BEFORE
• TablesRenderHook::TOOLBAR_AFTER 
• TablesRenderHook::TOOLBAR_BEFORE 
• TablesRenderHook::TOOLBAR_END
• TablesRenderHook::TOOLBAR_GROUPING_SELECTOR_AFTER
• TablesRenderHook::TOOLBAR_GROUPING_SELECTOR_BEFORE
• TablesRenderHook::TOOLBAR_REORDER_TRIGGER_AFTER 
• TablesRenderHook::TOOLBAR_REORDER_TRIGGER_BEFORE
• TablesRenderHook::TOOLBAR_SEARCH_AFTER
• TablesRenderHook::TOOLBAR_SEARCH_BEFORE
• TablesRenderHook::TOOLBAR_START 
• TablesRenderHook::TOOLBAR_TOGGLE_COLUMN_TRIGGER_AFTER 
• TablesRenderHook::TOOLBAR_TOGGLE_COLUMN_TRIGGER_BEFORE

Widget Filament Render Hooks

• WidgetsRenderHook::TABLE_WIDGET_END 
• WidgetsRenderHook::TABLE_WIDGET_START 

Conclusion

Hence, these are all the filament render hooks. If you have any confusion you can comment down or email us directly.