Filament•13mo ago

Livewire charts: how to add to custom page?

I am looking at adding livewire charts (https://github.com/asantibanez/livewire-charts) to my custom filament page. The custom filament page is the default page created using the 'artisan make:filament-page' command and its blade is extending the filament page layout.

<x-filament-panels::page>
    <div>....</div>
</x-filament-panels::page>

<x-filament-panels::page>
    <div>....</div>
</x-filament-panels::page>

This asantibanez/livewire-charts package expects us to add @livewirechartsscripts directive to the layout alongside the livewire scripts.

<livewire:scripts />
@livewireChartsScripts

<livewire:scripts />
@livewireChartsScripts

In the livewire 3 & Filament php 3 context, where / how can we add this scripts directive? (No need to add livewire directives anymore). Or is there any other charts plugin which I can easily add to the custom page? Can someone please guide?

GitHub

GitHub - asantibanez/livewire-charts: Neat Livewire Charts for your...

Neat Livewire Charts for your Laravel projects. Contribute to asantibanez/livewire-charts development by creating an account on GitHub.

2 Replies

awcodes•13mo ago

You can add it with a renderHook probably.

awcodes•13mo ago

https://filamentphp.com/docs/3.x/support/render-hooks

Render hooks - Core Concepts - Filament

Gaming

Programming

Livewire charts: how to add to custom page?